Sobes.tech
Junior

Quelle est la différence entre les méthodes filter et find en JavaScript?

sobes.tech IA

Réponse de l'IA

  • filter(): Renvoie un nouveau tableau contenant tous les éléments du tableau d'origine pour lesquels la fonction de rappel a renvoyé une valeur vraie. Si aucun élément ne satisfait la condition, un tableau vide est renvoyé.
  • find(): Renvoie le premier élément du tableau d'origine pour lequel la fonction de rappel a renvoyé une valeur vraie. Si aucun élément ne satisfait la condition, undefined est renvoyé.
Méthode Valeur renvoyée Nombre d'éléments dans le résultat
filter() Nouveau tableau (même s'il est vide) Zéro, un ou plusieurs
find() Valeur du premier élément trouvé ou undefined Zéro (si non trouvé) ou un

Exemple de filter:

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
// evenNumbers sera [2, 4, 6]

Exemple de find:

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Alice' }
];
const firstAlice = users.find(user => user.name === 'Alice');
// firstAlice sera { id: 1, name: 'Alice' }