substring contains - Come verificare se una stringa contiene una sottostringa in JavaScript?




array typescript (25)

Ecco un elenco di possibilità attuali:

1. (ES6) includes - vai a rispondere

var string = "foo",
    substring = "oo";
string.includes(substring);

2. ES5 e indexOf precedente

var string = "foo",
    substring = "oo";
string.indexOf(substring) !== -1;

String.prototype.indexOf restituisce la posizione della stringa nell'altra stringa. Se non trovato, restituirà -1 .

3. search - vai a rispondere

var string = "foo",
    expr = /oo/;
string.search(expr);

4. include il lodash - vai a rispondere

var string = "foo",
    substring = "oo";
_.includes(string, substring);

5. RegExp - vai a rispondere

var string = "foo",
    expr = /oo/;  // no quotes here
expr.test(string);

6. Match - vai a rispondere

var string = "foo",
    expr = /oo/;
string.match(expr);

I test delle prestazioni stanno dimostrando che indexOf potrebbe essere la scelta migliore, se si tratta di un punto in cui la velocità è importante.

Di solito mi aspetterei un metodo String.contains() , ma non sembra esserlo.

Qual è un modo ragionevole per verificare questo?


Soluzione semplice

if (!String.prototype.contains) {
  String.prototype.contains= function() {
    return String.prototype.indexOf.apply(this, arguments) !== -1;
  };
}

puoi usare nel modo seguente

"hello".contains("he") // true
"hello world".contains("lo w")//true
"hello world".contains("lo wa")//false
"hello world".contains(" ")//true
"hello world".contains("  ")//false

Riferimento MDN



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.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');

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;
}

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.


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.


Dato che la domanda è piuttosto popolare, ho pensato di aggiungere un tocco di modernità al codice.

// const           : creates an immutable constant
const allLinks   = document.getElementsByTagName("a");
// [].reduce.call  : gives access to the reduce method on a HTMLCollection
// () => {}        : ES6 arrow function
const foundLinks = [].reduce.call(allLinks, (sum, link) => {
     // bitwise OR : converts the boolean value to a number
     return sum + (link.classList.contains("title") | 0);
}, 0);

// template literal
console.log(`Found ${foundLinks || "no"} title class`);

A proposito, la risposta corretta è errata indexOf o String.contains non standard. Caricare una libreria esterna (specialmente se il codice è scritto in puro JavaScript) o fare scherzi con String.prototype o usare un'espressione regolare è un po 'eccessivo.


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


Puoi usare jQuery :contains selettore.

$("div:contains('John')")

Controllalo qui: contains-selector


Per raccogliere qualche tipo di soluzioni valide:

var stringVariable = "some text";
var findString = "text";

//using `indexOf()`
var containResult1 = stringVariable.indexOf(findString) != -1;
document.write(containResult1+', ');

//using `lastIndexOf()`
var containResult2 = stringVariable.lastIndexOf(findString) != -1;
document.write(containResult2+', ');

//using `search()`
var containResult3 = stringVariable.search(findString) != -1;
document.write(containResult3+', ');
     
//using `split()`
var containResult4 = stringVariable.split(findString)[0] != stringVariable;
document.write(containResult4+'');


Questo ha funzionato per me. Seleziona per le stringhe che non contengono il termine "Eliminato:"

if (eventString.indexOf("Deleted:") == -1)

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


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++;
}

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

Questo pezzo di codice dovrebbe funzionare bene:

var str="This is testing for javascript search !!!";
if(str.search("for") != -1) {
   //logic
} 

var index = haystack.indexOf(needle);

In ES5

var s = "foo";
alert(s.indexOf("oo") > -1);

In ES6 ci sono tre nuovi metodi: includes() , startsWith() , endsWith() .

var msg = "Hello world!";

console.log(msg.startsWith("Hello"));       // true
console.log(msg.endsWith("!"));             // true
console.log(msg.includes("o"));             // true

console.log(msg.startsWith("o", 4));        // true
console.log(msg.endsWith("o", 8));          // true
console.log(msg.includes("o", 8));          // false


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.


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
}

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.


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 .


String.prototype.capitalize = function(){
    return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase();
    } );
};

Uso:

capitalizedString = someString.capitalize();

Questa è una stringa di testo => This Is A Text String





javascript string substring contains string-matching