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

Comment utiliser la fonction de filtre pour filtrer les éléments d'un tableau ?

王林
Libérer: 2023-11-18 09:00:50
original
928 Les gens l'ont consulté

Comment utiliser la fonction de filtre pour filtrer les éléments dun tableau ?

Comment utiliser la fonction de filtre pour filtrer les éléments d'un tableau ?

Introduction :
En programmation, nous avons souvent besoin de filtrer des éléments avec des conditions spécifiques à partir d'un tableau. En JavaScript, nous pouvons utiliser la fonction de filtre pour réaliser cette fonction. La fonction de filtre est une fonction d'ordre supérieur qui accepte une fonction de rappel comme paramètre et renvoie les éléments qualifiés du tableau en tant que nouveau tableau.

Comment utiliser :
Lors de l'utilisation de la fonction de filtre, nous devons d'abord définir une fonction de rappel. Cette fonction sera utilisée pour déterminer si les éléments du tableau répondent à nos conditions de filtrage. La fonction de rappel recevra trois paramètres : l'élément du tableau, l'index de l'élément et le tableau d'origine lui-même. Ensuite, nous pouvons utiliser cette fonction de rappel comme paramètre de la fonction de filtrage et transmettre le tableau à filtrer dans la fonction de filtrage.

Ce qui suit est un exemple de code qui montre comment utiliser la fonction de filtrage pour filtrer les éléments supérieurs à 10 dans un tableau :

const numbers = [5, 15, 8, 12, 3, 20]; const filteredNumbers = numbers.filter(function(number) { return number > 10; }); console.log(filteredNumbers); // [15, 12, 20]
Copier après la connexion

Dans le code ci-dessus, nous définissons d'abord un tableau de nombres, qui contient un ensemble de nombres. Ensuite, nous utilisons la fonction filter pour filtrer ce tableau. La condition dans la fonction de rappel est de savoir si l'élément est supérieur à 10, et les éléments qui remplissent la condition seront renvoyés au nouveau tableau filteredNumbers. Enfin, nous utilisons console.log pour imprimer les filteredNumbers, et le résultat est [15, 12, 20].

En plus d'utiliser des fonctions anonymes comme fonctions de rappel, nous pouvons également utiliser des fonctions fléchées pour simplifier le code :

const filteredNumbers = numbers.filter(number => number > 10);
Copier après la connexion

L'implémentation du code ci-dessus a le même effet que le code précédent, mais la méthode d'écriture est plus concise.

Résumé :
L'utilisation de la fonction de filtre peut facilement filtrer les éléments du tableau qui remplissent les conditions. Nous pouvons définir les conditions de filtrage en définissant une fonction de rappel, puis transmettre le tableau à filtrer dans la fonction de filtrage. L'utilisation de la fonction de filtre peut améliorer l'efficacité de la programmation et rendre le code plus concis.

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!

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