Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser le filtre en JavaScript

不言
Libérer: 2018-12-24 17:11:56
original
4519 Les gens l'ont consulté

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]);
Copier après la connexion

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);
Copier après la connexion

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);
Copier après la connexion

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);
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!