Guide de la méthode JavaScript Array Filter()

En JavaScript, la méthode filter() est une méthode itérative qui appelle une fonction de rappel une fois pour chaque élément d'un tableau. Si la fonction de rappel renvoie vrai, elle inclut cet élément dans le tableau de retour. La méthode filter() est également appelée méthode de copie car elle renvoie une copie superficielle d'un tableau contenant les mêmes éléments que ceux du tableau d'origine.

La méthode JavaScript array filter() vous permet de filtrer un tableau pour voir uniquement les éléments qui répondent à une condition spécifiée. Il utilise une fonction de rappel pour parcourir chaque élément du tableau et renvoie uniquement ceux qui répondent à la condition spécifiée.

La méthode JavaScript filter() ressemble à toutes les autres méthodes, sauf qu'elle accepte des paramètres qui offrent plus d'options pour manipuler les données dans un tableau.

La méthode filter() accepte deux arguments nommés : une fonction de rappel et un objet facultatif. La fonction de rappel prend trois arguments :

L'index des arguments du tableau est facultatif.

La méthode filter() crée un nouveau tableau avec tous les éléments. Il existe trois manières différentes d’écrire la syntaxe de la méthode filter(). La syntaxe est la suivante :

callbackFn exécute chaque élément d'un tableau. Il renvoie une valeur véridique pour conserver l'élément dans un tableau. Le callbackFn est appelé avec les arguments suivants :

En savoir plus sur JavaScript3 façons d'utiliser Array Slice en JavaScript

Pour utiliser la méthode filter() en JavaScript, nous devons suivre quatre étapes :

Voici un exemple qui utilise la méthode filter() pour filtrer un tableau en fonction d'un critère de recherche pour les marques de voitures commençant par la lettre « B ».

Dans cet exemple, la méthode filter() est appelée sur le tableau cars pour renvoyer uniquement les marques de voitures commençant par la lettre « B ». La fonction filterItems prend deux paramètres arr et query qui renvoie le nouveau tableau avec la valeur de requête correspondante. À l’intérieur de la méthode filterItemLa méthode filter() est appelée sur le tableau cars qui filtrera le tableau en fonction de la requête.

La méthode filter() parcourt le tableau et teste chaque élément pour déterminer s'il correspond à la requête. Elle revient avec une nouvelle gamme avec trois marques : Bentley, BMW et Bertone.

La méthode filter() ne modifie pas le tableau d'origine, mais renvoie à la place un nouveau tableau contenant uniquement les éléments qui réussissent le test à l'intérieur de la fonction.

Ce qui suit est le code qui filtre un tableau de nombres et crée un nouveau tableau avec uniquement les éléments pairs. Les étapes pour utiliser le filter() sur un tableau de nombres sont :

Voici un exemple qui illustre le programme.

Dans le code ci-dessus, nous avons défini un tableau de nombres numberArr. Nous avons utilisé la méthode filter() sur numberArr et passé une fonction qui déterminait si chaque élément est pair en utilisant l'opérateur modulo % pour voir si le nombre est divisible par deux. Si le nombre est pair, la fonction renvoie vrai et l'élément est inclus dans le nouveau tableau evenNumbers. Si le nombre est impair, la fonction renvoie faux et le nombre est exclu du nouveau tableau.

Ce qui suit est le code qui filtre un tableau d'objets et crée un nouveau tableau avec uniquement les éléments véridiques. Les étapes pour utiliser le filter() sur un tableau d'objets sont :

Voici un exemple d'extrait de code illustrant le programme.

Dans le code ci-dessus, nous avons défini un tableau d'objets indépendants. Nous avons utilisé la méthode filter() sur le tableau des freelancers et avons transmis une fonction qui vérifie si chaque freelance maîtrise JavaScript. Si la compétence correspondait à la condition, l'objet était inclus dans le nouveau tableau filter_freelancers. Si la compétence ne correspond pas, la fonction renvoie false et l'objet est exclu du nouveau tableau. Le résultat renvoie un nouveau tableau avec deux pigistes, Harry et David, compétents en JavaScript.

Ce qui suit est le code qui filtre tous les nombres premiers d'un tableau et crée un nouveau tableau avec uniquement les nombres premiers. Les étapes pour utiliser le filter() sont :

Voici un exemple d'extrait de code qui illustre l'exemple.