Maison  >  Article  >  interface Web  >  Comment utiliser la fonction de filtre dans js

Comment utiliser la fonction de filtre dans js

下次还敢
下次还敢original
2024-05-01 08:57:18943parcourir

La fonction de filtre JavaScript est utilisée pour filtrer les éléments d'un tableau qui répondent à des conditions spécifiques et renvoyer un nouveau tableau composé d'éléments qui remplissent les conditions. L'utilisation comprend : le filtrage d'éléments qui répondent à des conditions simples ou complexes et la création de chaînes de filtres. La fonction de filtre ne modifie pas le tableau d'origine. La fonction de rappel doit renvoyer une valeur booléenne. Si une valeur booléenne n'est pas renvoyée, une erreur sera générée.

Comment utiliser la fonction de filtre dans js

Utilisation de la fonction de filtre en JavaScript

filter La fonction est une méthode intégrée de tableau JavaScript qui est utilisée pour filtrer les éléments du tableau qui répondent à des conditions spécifiques et renvoyer un nouveau tableau composé d'éléments qui remplir les conditions.

Syntaxe :

<code class="javascript">filter(callback(element, index, array))</code>

Paramètres :

  • callback(element, index, array) : Une fonction de rappel qui doit renvoyer une valeur booléenne.

    • element : L'élément du tableau en cours de traitement.
    • index : L'index de l'élément actuel dans le tableau.
    • array : Le tableau lui-même en cours de traitement.

Valeur de retour :

Un nouveau tableau contenant tous les éléments qui remplissent les conditions de la fonction de rappel.

Utilisation :

1. Éléments filtrants qui répondent à des conditions simples :

<code class="javascript">const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter((num) => num % 2 === 0);</code>

2. Éléments filtrants qui répondent à des conditions complexes :

<code class="javascript">const users = [
  { name: 'John', age: 25 },
  { name: 'Mary', age: 30 },
  { name: 'Bob', age: 18 }
];
const adults = users.filter((user) => user.age >= 18);</code>

3. le :

L'exemple suivant montre comment utiliser la fonction de filtrage pour filtrer un tableau contenant les scores des élèves afin d'obtenir la liste des élèves ayant échoué :

<code class="javascript">const evenAndGreaterThan3 = numbers.filter((num) => num % 2 === 0).filter((num) => num > 3);</code>

La variable contiendra les éléments suivants :

52failingScores

45
  • Remarque :

La fonction de filtre elle-même ne modifie pas le tableau d'origine.

La fonction de rappel doit renvoyer une valeur booléenne. Si aucune valeur booléenne n'est renvoyée, une erreur sera générée.

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
Article précédent:Comment utiliser typeof en jsArticle suivant:Comment utiliser typeof en js