Sobes.tech
Junior

Was ist der Unterschied zwischen den Methoden filter und find in JavaScript?

sobes.tech KI

Antwort von AI

  • filter(): Gibt ein neues Array zurück, das alle Elemente des ursprünglichen Arrays enthält, bei denen die Rückruffunktion einen Wahrheitswert zurückgegeben hat. Wenn kein Element die Bedingung erfüllt, wird ein leeres Array zurückgegeben.
  • find(): Gibt das erste Element des ursprünglichen Arrays zurück, bei dem die Rückruffunktion einen Wahrheitswert zurückgegeben hat. Wenn kein Element die Bedingung erfüllt, wird undefined zurückgegeben.
Methode Rückgabewert Anzahl der Elemente im Ergebnis
filter() Neues Array (auch wenn es leer ist) Null, eins oder mehrere
find() Wert des ersten gefundenen Elements oder undefined Null (wenn nicht gefunden) oder eins

Beispiel filter:

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

Beispiel find:

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