Heim > Web-Frontend > js-Tutorial > Hauptteil

js-Front-End-Fuzzy-Query-Implementierungscode

小云云
Freigeben: 2018-02-24 14:21:28
Original
1800 Leute haben es durchsucht

Zunächst müssen Sie verstehen, was eine Fuzzy-Abfrage ist (der Unsinn kommt wieder), nämlich die Auflistung der Schlüsselwörter in der Liste basierend auf den Schlüsselwörtern (natürlich Hier werden nur die einfachsten durchgeführt) ), das heißt, es wird überprüft, ob jedes Element in der Liste ein Schlüsselwort enthält. Abstrakt bedeutet es also, ob eine Zeichenfolge ein bestimmtes Zeichen oder eine bestimmte Zeichenfolge enthält.

Da wir nun eine Idee haben, besteht der nächste Schritt darin, sie zu implementieren. Wenn wir die grundlegenden Datentypen von js lernen, werden wir feststellen, dass es viele Methoden gibt die Methode string.indexOf(''); diese Methode besteht darin, die Position eines bestimmten Zeichens in der Zeichenfolge zu ermitteln. Wenn kein Zielzeichen vorhanden ist, wird -1 zurückgegeben. Mit dieser Methode können wir also prüfen, ob jedes Element in der Liste ein Schlüsselwort enthält. Als nächstes kommt der sehr leistungsstarke RegExp, ein regulärer Ausdruck zum Abgleichen des Zielzeichens einer Zeichenfolge. Wenn er nicht übereinstimmen kann, gibt er natürlich mehrere andere Methoden zurück, die implementiert werden können werden hier nicht aufgeführt.

//字符串方法indexOf
var len = list.length;
var arr = [];
for(var i=0;i<len;i++){
    //如果字符串中不包含目标字符会返回-1
    if(list[i].indexOf(keyWord)>=0){
        arr.push(list[i]);
    }
}
return arr;
//正则表达式
var len = list.length;
var arr = [];
var reg = new RegExp(keyWord);
for(var i=0;i<len;i++){
    //如果字符串中不包含目标字符会返回-1
    if(list[i].match(reg)){
        arr.push(list[i]);
    }
}
return arr;
Nach dem Login kopieren

Verwandte Empfehlungen:
AngularJS-Fuzzy-Abfragefunktion-Implementierungscode

PHP-Fuzzy-Abfrage-Implementierungsmethode

Was ist eine Fuzzy-Abfrage in PHP?

Das obige ist der detaillierte Inhalt vonjs-Front-End-Fuzzy-Query-Implementierungscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!