Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Méthode Find() | Opérations Avancées sur les Tableaux
Structures de Données JavaScript

book
Méthode Find()

Explorons la méthode find(), y compris sa syntaxe et ses applications, avec des exemples concrets pour illustrer sa fonctionnalité.

find()

Alors que la méthode filter() parcourt un tableau pour découvrir tous les éléments répondant à une condition, la méthode find() est conçue pour une mission singulière – découvrir et récupérer le premier élément correspondant. Voici un aperçu de sa syntaxe :

js
array.find((element, index, array) => {
  // Callback body
});

Décomposons les caractéristiques critiques de la méthode find() :

  • Le tableau original reste inchangé ;

  • Il parcourt le tableau, examinant chaque élément ;

  • La méthode s'arrête dès qu'elle trouve la première correspondance, retournant cet élément spécifique ;

  • Sans élément correspondant, la méthode retourne undefined.

Trouver une tâche par ordre

Dans cet exemple, la méthode 'find()' récupère la tâche par la clé 'order'.

const tasks = [
{ order: 1, name: "Buy groceries" },
{ order: 2, name: "Walk the dog" },
{ order: 3, name: "Read a book" },
];

const firstTask = tasks.find((element) => element.order === 1);
console.log("First task:", firstTask.name); // Output: First task: Buy groceries

const secondTask = tasks.find((element) => element.order === 2);
console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog

              
1234567891011

            
const tasks = [
  { order: 1, name: "Buy groceries" },
  { order: 2, name: "Walk the dog" },
  { order: 3, name: "Read a book" },
];

const firstTask = tasks.find((element) => element.order === 1);
console.log("First task:", firstTask.name); // Output: First task: Buy groceries

const secondTask = tasks.find((element) => element.order === 2);
console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog
copy

1. Quel est le but principal de la méthode find() ?

2. Quelle est une caractéristique clé de la méthode find() ?

3. Quel sera le résultat dans l'exemple donné ci-dessous ?

question mark

Quel est le but principal de la méthode find() ?

Select the correct answer

question mark

Quelle est une caractéristique clé de la méthode find() ?

Select the correct answer

question mark

Quel sera le résultat dans l'exemple donné ci-dessous ?

const people = [
{ name: "Alice", age: 25 },
{ name: "Bob", age: 30 },
{ name: "Charlie", age: 22 },
{ name: "David", age: 35 },
];

const personOver30 = people.find((person) => person.age > 30);

console.log(personOver30);

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 5

Demandez à l'IA

expand
ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

We use cookies to make your experience better!
some-alt