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

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.

Puoi usare jQuery :contains selettore. 

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

Controllalo qui: contains-selector

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.




check   array   javascript   string   substring   contains   string-matching  


string-matching