Explication détaillée de l'implémentation js de la requête floue frontale

Pour les requêtes floues, les mots-clés sont généralement transmis au backend, et le backend le fait. Mais parfois, certaines interfaces de liste légères peuvent réduire les requêtes ajax et améliorer l'expérience utilisateur dans une certaine mesure. Sans plus tarder, passons directement au code.

//字符串方法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;

Tout d'abord, vous devez comprendre ce qu'est une requête floue (un non-sens encore une fois), qui consiste à lister les mots-clés dans la liste en fonction des mots-clés (de bien sûr, cela n'est fait qu'ici. Le plus simple), c'est-à-dire vérifier si chaque élément de la liste contient un mot-clé, donc abstraitement, cela signifie si une chaîne contient un certain caractère ou une certaine chaîne.

Maintenant que nous avons une idée, l'étape suivante consiste à la mettre en œuvre. Quelle méthode devons-nous utiliser ? Lorsque nous apprendrons les types de données de base de js, nous constaterons que String a de nombreuses méthodes, parmi lesquelles il y en a ? la méthode string.indexOf(''); this La méthode consiste à trouver la position d'un certain caractère dans la chaîne, et -1 sera renvoyé s'il n'y a pas de caractère cible. Nous pouvons donc utiliser cette méthode pour vérifier si chaque élément de la liste contient un mot-clé. Vient ensuite la très puissante RegExp, une expression régulière permettant de faire correspondre le caractère cible d'une chaîne. La méthode match est utilisée ici. Si elle ne peut pas correspondre, elle renvoie vide. Bien sûr, il existe plusieurs autres méthodes qui peuvent être implémentées. ne pas être répertorié ici.

Recommandations associées :

Requête floue dynamique basée sur les entrées

Code d'implémentation de requête floue frontale js

Comment implémenter une requête floue en php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!