Maison  >  Article  >  interface Web  >  Comment utiliser le filtre en JavaScript

Comment utiliser le filtre en JavaScript

不言
不言original
2018-12-24 17:11:564546parcourir

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.

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

Comment utiliser le filtre en Comment utiliser le filtre en Comment utiliser le filtre en JavaScript

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

Comment utiliser le filtre en Comment utiliser le filtre en Comment utiliser le filtre en JavaScript

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

Comment utiliser le filtre en JavaScript

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn