Maison  >  Article  >  interface Web  >  Comment utiliser find en js

Comment utiliser find en js

下次还敢
下次还敢original
2024-05-01 06:03:18793parcourir

La méthode JavaScript find() recherche et renvoie le premier élément qui remplit les conditions spécifiées dans le tableau. S'il n'est pas trouvé, il renvoie undéfini. Utilisation : définissez une fonction de rappel qui reçoit les paramètres d'élément, d'index et de tableau. Appelez la fonction de rappel à l'aide de la méthode find(), en passant le tableau et thisArg facultatif. La fonction de rappel renvoie vrai ou faux pour indiquer si la condition est remplie. Renvoie le premier élément qualificatif ou non défini.

Comment utiliser find en js

La méthode find() en JavaScript

Définition : La méthode
find() trouve le premier élément qui remplit les conditions spécifiées dans le tableau et renvoie cet élément. Si aucun élément correspondant n'est trouvé, undefined est renvoyé.

Syntaxe :

<code>find(callbackFunction(element, index, array))</code>

Paramètres :

  • callbackFunction : Une fonction qui reçoit trois paramètres :

    • element : l'élément actuel du tableau à évaluer
    • index : l'index du élément dans le tableau
    • array : Le tableau qui appelle la méthode find()
  • thisArg (facultatif) : Utilisé pour l'objet pointé par ceci (la valeur par défaut n'est pas définie)

Usage :

  1. Trouver les conditions de correspondance Le premier élément :

    <code>const fruits = ["apple", "banana", "orange", "pear"];
    const firstOrange = fruits.find(fruit => fruit === "orange");
    console.log(firstOrange); // 输出: "orange"</code>
  2. Utilisez thisArg pour spécifier ceci pour pointer vers :

    <code>const numbers = [1, 2, 3, 4, 5];
    const isEven = function(number) { return number % 2 === 0; };
    
    const firstEvenNumber = numbers.find(isEven, numbers);
    console.log(firstEvenNumber); // 输出: 2</code>
  3. Retour undéfini : Si aucun élément répondant aux critères n'est trouvé, la méthode find() reviendra indéfini.

    <code>const people = [{ name: "John" }, { name: "Mary" }];
    const personNamedAlice = people.find(person => person.name === "Alice");
    console.log(personNamedAlice); // 输出: undefined</code>

Avantages : La méthode

  • find() est concise et claire, ce qui peut simplifier la tâche de recherche du premier élément qui remplit les conditions.
  • Il peut être utilisé avec des fonctions fléchées pour une syntaxe plus propre.
  • Il fonctionne avec n'importe quel tableau, quel que soit son type ou sa taille.

Alternatives :

Bien que la méthode find() soit largement utilisée, elle propose également des alternatives, telles que :

  • boucle for : Vous pouvez parcourir le tableau jusqu'à ce que vous trouviez un élément qui répond aux critères .
  • Méthode some() : peut renvoyer true ou false pour indiquer si un élément correspondant est présent, mais elle ne renvoie pas l'élément lui-même.

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:instance d'utilisation dans jsArticle suivant:instance d'utilisation dans js