javascript - check - typescript string contains
Come verificare se una stringa contiene una sottostringa in JavaScript? (20)
Di solito mi aspetterei un metodo String.contains()
, ma non sembra esserlo.
Qual è un modo ragionevole per verificare questo?
String.prototype.indexOf()
o String.prototype.search()
?!
Come altri hanno già menzionato, le stringhe JavaScript hanno sia un metodo String.prototype.indexOf un metodo di search
.
La differenza chiave tra entrambi è che indexOf
è solo per le sottostringhe semplici, mentre la search
supporta anche le espressioni regolari. Ovviamente, un indexOf
positivo dell'utilizzo di indexOf
è che è più veloce.
Vedi anche In JavaScript, qual è la differenza tra indexOf () e search ()? .
Implementazione del proprio metodo String.prototype.contains()
Se vuoi aggiungere il tuo metodo contains
a ogni stringa, il modo migliore per farlo sarebbe l'approccio di :
if (!String.prototype.contains) {
String.prototype.contains = function (arg) {
return !!~this.indexOf(arg);
};
}
Lo useresti in questo modo:
'Hello World'.contains('orl');
Implementazione di una libreria di utility personalizzata
È generalmente disapprovato aggiungere, ad esempio, i propri metodi personalizzati agli oggetti standard in JavaScript, perché potrebbe comportare una rottura della compatibilità.
Se vuoi davvero che il tuo metodo contains
e / o altri metodi di stringa personalizzati, è meglio creare la tua libreria di utilità e aggiungere i tuoi metodi di stringa personalizzati a quella libreria:
var helper = {};
helper.string = {
contains : function (haystack, needle) {
return !!~haystack.indexOf(needle);
},
...
};
Lo useresti in questo modo:
helper.string.contains('Hello World', 'orl');
Utilizzo di una libreria di utilità di terze parti
Se non vuoi creare la tua libreria di helper personalizzata, c'è sempre l'opzione di usare una libreria di utilità di terze parti. Come menzionato da , i più popolari sono Lodash e Underscore.js .
In Lodash, puoi usare _.includes()
, che usi in questo modo:
_.includes('Hello World', 'orl');
In Underscore.js, puoi usare _.str.include()
, che usi in questo modo:
_.str.include('Hello World', 'orl');
È possibile aggiungere facilmente un metodo contains
a String con questa istruzione:
String.prototype.contains = function(it) { return this.indexOf(it) != -1; };
Nota: vedere i commenti seguenti per un argomento valido per non utilizzare questo. Il mio consiglio: usa il tuo giudizio.
In alternativa:
if (typeof String.prototype.contains === 'undefined') { String.prototype.contains = function(it) { return this.indexOf(it) != -1; }; }
C'è un modo elegante e migliore per farlo e sta usando l'operatore (BitWise NOT).
if(~"John".indexOf("J")) {
alert("Found")
}
else {
alert("Not Found");
}
Bitwise Not converte "x" in - (x + 1) così, se la x risulta -1 dal metodo indexOf, allora sarà convertita in - (-1 + 1) = -0 che è un valore falsy.
Codice JavaScript per utilizzare il metodo contains
in un array:
<html>
<head>
<h2>Use of contains() method</h2>
<script>
Array.prototype.contains = function (element) {
for (var i = 0; i < this.length; i++) {
if (this[i] == element) {
return true;
}
}
return false;
}
arr1 = ["Rose", "India", "Technologies"];
document.write("The condition is "+arr1.contains("India")+"<br>");
</script>
</head>
<b>[If the specified element is present in the array, it returns true otherwise
returns false.]</b>
</html>
Nel codice dato il metodo contains
determina se l'elemento specificato è presente nell'array o meno. Se l'elemento specificato è presente nell'array, restituisce true, altrimenti restituisce false.
Devi chiamare indexOf con una "O" maiuscola come accennato. Va anche notato che nella classe JavaScript è una parola riservata, è necessario utilizzare className per ottenere questo attributo di dati. Il motivo per cui probabilmente non funziona è perché restituisce un valore nullo. Puoi fare quanto segue per ottenere il valore della tua classe ...
var test = elm.getAttribute("className");
//or
var test = elm.className
ES6 contiene String.prototype.includes
.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes
Esempio
var a = "Test String";
if(a.search("ring")!=-1){
//exist
} else {
//not found
}
Il problema con il tuo codice è che JavaScript fa distinzione tra maiuscole e minuscole. Il tuo metodo di chiamata
indexof()
dovrebbe essere effettivamente
indexOf()
Prova a risolverlo e vedi se questo aiuta:
if (test.indexOf("title") !=-1) {
alert(elm);
foundLinks++;
}
In ES6 , abbiamo qualcosa che include ciò che fa esattamente quello che vuoi: quindi puoi semplicemente fare così:
'str1'.includes('str2');
Anche in ES5 , se lo usi ampiamente, puoi semplicemente aggiungerlo in questo modo:
String.prototype.includes = String.prototype.includes || function(str) {
return this.indexOf(str) > -1;
}
Invece di usare snippet di codice trovati qui e là sul web, puoi anche usare una libreria ben testata e documentata. Due opzioni che consiglierei:
1a opzione: usa Lodash : ha un metodo includes
:
_.includes('foobar', 'ob');
// → true
Lodash è la dipendenza della libreria javascript più popolare per npm e ha un sacco di utili metodi di utilità javascript. Quindi per molti progetti lo vorresti comunque ;-)
Seconda opzione: Oppure usa Underscore.string : ha un metodo include
:
_.str.include('foobar', 'ob');
// → true
Ecco la descrizione di Underscore.string, aggiunge solo 9kb ma offre tutti i vantaggi di una libreria ben collaudata e documentata su frammenti di codice copy'n'paste:
Underscore.string è una libreria JavaScript per una comoda manipolazione con le stringhe, estensione per Underscore.js ispirata a Prototype.js, Right.js, Underscore e bellissimo linguaggio Ruby.
Underscore.string offre diverse funzioni utili: capitalizza, pulisci, include, conta, escapeHTML, unescapeHTML, insert, splice, startsWith, endsWith, titleize, trim, truncate e così via.
Nota bene, Underscore.string è influenzato da Underscore.js ma può essere utilizzato senza di esso.
Ultimo non meno: con la versione JavaScript ES6 arriva un metodo incorporato includes
:
'foobar'.includes('ob');
// → true
La maggior parte dei browser moderni lo supportano già, hanno un occhio sulla tabella di compatibilità ES6 .
Poiché esiste un reclamo sull'utilizzo del prototipo e dal momento che l'uso di indexOf
rende il tuo codice meno leggibile e poiché regexp è eccessivo:
function stringContains(inputString, stringToFind) {
return (inputString.indexOf(stringToFind) != -1);
}
Questo è il compromesso per cui ho finito.
Questo pezzo di codice dovrebbe funzionare bene:
var str="This is testing for javascript search !!!";
if(str.search("for") != -1) {
//logic
}
Se stavi cercando un'alternativa per scrivere il brutto controllo -1, preferisci invece una ~ tilde.
if (~haystack.indexOf('needle')) alert('found');
Joe Zimmerman - vedrai che usando ~ on -1 lo converte a 0. Il numero 0 è un valore falso, il che significa che verrà valutato come falso quando convertito in booleano. Potrebbe non sembrare una grande intuizione all'inizio, ma ricorda che funzioni come indexOf restituiscono -1 quando la query non viene trovata. Ciò significa che invece di scrivere qualcosa di simile a questo:
if (someStr.indexOf("a") >= 0) { // Found it } else { // Not Found }
Ora puoi avere un minor numero di caratteri nel codice in modo da poterlo scrivere in questo modo:
if (~someStr.indexOf("a")) { // Found it } else { // Not Found }
Maggiori dettagli qui
Un'altra opzione per farlo è:
Puoi usare la funzione match, cioè qualcosa come:
x = "teststring";
if (x.match("test")) {
// Code
}
match () può funzionare anche con espressioni regolari:
x = "teststring";
if (x.match(/test/i)) {
// Code
}
Usa il built in e il più semplice ie match()
sulla stringa. Per ottenere ciò che stai guardando avanti fai questo:
var stringData ="anyString Data";
var subStringToSearch = "any";
// This will give back the substring if matches and if not returns null
var doesContains = stringData.match(subStringToSearch);
if(doesContains !=null) {
alert("Contains Substring");
}
String.prototype.includes()
stato introdotto in ES6.
Determina se una stringa può essere trovata all'interno di un'altra stringa, restituendo true o false a seconda dei casi.
Sintassi
var contained = str.includes(searchString [, position]);
parametri
searchString
Una stringa da cercare all'interno di questa stringa.
position
La posizione in questa stringa in cui iniziare la ricerca di searchString
su 0.
Esempio
var str = "To be, or not to be, that is the question.";
console.log(str.includes("To be")); // true
console.log(str.includes("question")); // true
console.log(str.includes("To be", 1)); // false
Nota
Questo potrebbe richiedere uno shim ES6 nei browser più vecchi.
C'è una string.includes
in ES6 :
"potato".includes("to");
> true
Nota che potrebbe essere necessario caricare es6-shim
o simile per farlo funzionare su browser più vecchi.
require('es6-shim')
JavaScript
var str = "My big string contain apples and oranges";
var n = str.indexOf("apples");
alert(n); //will alert 22, -1 if not found
jQuery
<p>My big string contain apples and oranges</p>
alert($("p:contains(apples)")[0] != undefined); //will alert true if found
Un metodo comune per scrivere un metodo contains
in JavaScript è:
if (!String.prototype.contains) {
String.prototype.contains = function (arg) {
return !!~this.indexOf(arg);
};
}
L'operatore di negazione bit a bit ( ~
) viene utilizzato per trasformare -1
in 0
(falso) e tutti gli altri valori saranno diversi da zero (vero).
Gli operatori di doppia negazione booleana sono usati per convertire il numero in un booleano.