Sobes.tech
Junior

Wat is het verschil tussen de methoden filter en find in JavaScript?

sobes.tech AI

Antwoord van AI

  • filter(): Geeft een nieuwe array terug die alle elementen bevat van de oorspronkelijke array waarvoor de callback-functie een waarheidswaarde heeft geretourneerd. Als geen enkel element aan de voorwaarde voldoet, wordt een lege array geretourneerd.
  • find(): Geeft het eerste element van de oorspronkelijke array terug waarvoor de callback-functie een waarheidswaarde heeft geretourneerd. Als geen enkel element aan de voorwaarde voldoet, wordt undefined geretourneerd.

Voorbeeld van filter:

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

Voorbeeld van find:

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