Maison > Article > interface Web > Comment utiliser le filtre en JavaScript
le filtre est une méthode permettant de restreindre le contenu d'un tableau dans des conditions spécifiques. Il est utilisé pour juger un seul élément dans les conditions spécifiées par la fonction de rappel et récupérer uniquement les éléments qui correspondent aux conditions. regardez de plus près Découvrez comment utiliser le filtre filtre en Comment utiliser le filtre en Comment utiliser le filtre en Comment utiliser le filtre en JavaScript.
Examinons d'abord la syntaxe de base de filter
Lors de l'utilisation du filtre, veuillez spécifier la méthode de filtrage du tableau.
array.filter(callback [,that]);
Pour le tableau, vous devez spécifier un objet tableau pré-créé.
Pour les rappels, vous pouvez spécifier la valeur "value" de l'élément du tableau, l'index numérique "index" de l'élément du tableau et l'objet du tableau "arrayObj" dans lequel l'élément du tableau est stocké.
Pour chaque élément du tableau, les éléments pour lesquels callbak renvoie true seront générés en tant que nouveau tableau, et les éléments pour lesquels callcak ne renvoie pas true seront ignorés et non inclus dans le nouveau tableau.
Regardons exemples spécifiques
Ce qui suit est un exemple d'extraction de conditions spécifiques d'un tableau en utilisant réellement la méthode de filtrage
Extraire les nombres impairs du tableau
Le code est le suivant
var data = [1, 4, 7, 12, 21]; var result = data.filter(function(value) { return value % 2 === 1; }); console.log(result);
Les résultats d'exécution sont les suivants
Supprimer les nombres inférieurs à 5 du tableau
Le code est le suivant
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; function isMinNum(value) { return (value >= 5); } var filterNum = numbers.filter(isMinNum); console.log(filterNum);
Le les résultats d'exécution sont les suivants
Extraire la chaîne correspondant à la condition de la chaîne
Le code est le suivant
var items = ["item1", "item2", "item3"]; var filterItems = items.filter(function(value) { return value === "item2"; }); console.log(filterItems);
Le résultat actuel est le suivant
Cet article se termine ici Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web chinois 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!