logo

Méthode JavaScript Array find()

La méthode find() en JavaScript renvoie le premier élément qui satisfait une fonction de test fournie. Il parcourt chaque élément du tableau, en ignorant les emplacements vides, et renvoie undefined si aucune correspondance n'est trouvée. Le tableau d'origine reste inchangé.

Syntaxe:

array.find(function(currentValue, index, arr), thisValue)>

Paramètres :

  • function(currentValue, index, arr)> : Une fonction à exécuter sur chaque valeur du tableau jusqu'à ce que le premier élément satisfaisant la condition soit trouvé. Il faut trois paramètres :
    • currentValue> : L'élément actuel en cours de traitement dans le tableau.
    • index> (facultatif): L'index de l'élément actuel en cours de traitement dans le tableau.
    • arr> (facultatif): Le tableaufind()>a été sollicité.
  • thisValue> (facultatif): Une valeur à utiliser commethis>lors de l'exécution de la fonction de rappel.

Valeur de retour :

Il renvoie la valeur de l'élément du tableau si l'un des éléments du tableau satisfait à la condition, sinon il renvoie undéfini.



Exemple: Dans cet exemple, nous recherchons le premier élément positif du tableau. La méthode find() parcourt le tableau, renvoyant le premier élément supérieur à 0. Elle enregistre le résultat sur la console.

Jasmine Davis enfant
Javascript
// Input array contain some elements. let array = [-10, -0.20, 0.30, -40, -50]; // Method (return element>0). let found = array.find(function (element) { return element> 0; }); // Impression des valeurs souhaitées. console.log(trouvé);>

Sortir
0.3>

Exemple: Dans cet exemple, nous recherchons le premier élément du tableau supérieur à 20. Il utilise la méthode find() pour parcourir le tableau et renvoie le premier élément qui satisfait à la condition. Enfin, il enregistre le résultat (30) sur la console.

Javascript
// Input array contain some elements. let array = [10, 20, 30, 40, 50]; // Method (return element>dix). let found = array.find(function (element) { return element> 20; }); // Impression des valeurs souhaitées. console.log(trouvé);>

Sortir
30>

Exemple: Dans cet exemple, nous visons à trouver le premier élément du tableau supérieur à 4. Il utilise la méthode find(), parcourant le tableau jusqu'à ce qu'un élément correspondant soit trouvé. Il enregistre le résultat (`7`) sur la console.

Javascript
// Input array contain some elements. let array = [2, 7, 8, 9]; // Provided testing method (return element>4). let found = array.find(function (element) { return element> 4; }); // Impression des valeurs souhaitées. console.log(trouvé);>

Sortir
7>

Méthode JavaScript Array find() – Cas d’utilisation :

Vous trouverez ci-dessous quelques cas d'utilisation de la méthode Array find().

1. Méthode JavaScript Array findIndex()

Javascript Tableau.findIndex() La méthode est utilisée pour renvoyer le premier index de l'élément dans un tableau donné qui satisfait à la fonction de test fournie (transmise par l'utilisateur lors de l'appel). Sinon, si aucune donnée n'est trouvée, la valeur -1 est renvoyée.

2. Différentes manières de rechercher un élément dans un tableau en JavaScript

Ce sont les méthodes suivantes :

  • Utilisation de la méthode find()
  • Utilisation de la méthode findIndex()
  • Utilisation de la méthode include()
  • Utilisation de la méthode some()
  • Utilisation de la méthode indexOf()
  • Utilisation de la méthode filter()
  • Utiliser la méthode Every()

3. Meilleur moyen de rechercher un élément dans un tableau en JavaScript

Les méthodes les plus couramment utilisées pour déterminer si un élément se trouve dans un tableau JavaScript sont :

  • Utilisation de la méthode include()
  • Utilisation de la méthode indexOf()
  • Utiliser la méthode find()
  • Utilisation de la méthode Array.some()

Navigateurs pris en charge :

  • Google Chrome 45.0
  • MicrosoftEdge 12.0
  • Mozilla Firefox 25.0
  • Safari 7.1
  • Opéra 32.0