Die Find- & FindIndex-Methoden

Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 58 von 65.

Die Methode find() gibt das erste Element in einem Array zurück, das die bereitgestellte Testfunktion erfüllt. Wenn kein Element gefunden wird, gibt sie undefined zurück.

Die findIndex()-Methode ist ähnlich, gibt jedoch den Index des ersten übereinstimmenden Elements anstelle des Elements selbst zurück. Wenn kein Element gefunden wird, gibt sie -1 zurück.

Grundlegende Syntax:

array.find(callback(element[, index[, array]]))
array.findIndex(callback(element[, index[, array]]))

Einfaches Beispiel mit find():

const numbers = [5, 12, 8, 130, 44];
const found = numbers.find(num => num > 10);
console.log(found);
// 12 (erste Zahl größer als 10)

Gleiches Beispiel mit findIndex():

const numbers = [5, 12, 8, 130, 44];
const foundIndex = numbers.findIndex(num => num > 10);
console.log(foundIndex);
// 1 (Index der ersten Zahl größer als 10)

Objekte in einem Array finden:

const inventory = [
	{name: 'apples', quantity: 2},
	{name: 'bananas', quantity: 0},
	{name: 'oranges', quantity: 5}
];

// Verwendung von find
const result = inventory.find(item => item.name === 'bananas');
console.log(result); // {name: 'bananas', quantity: 0}

// Verwendung von findIndex
const index = inventory.findIndex(item => item.name === 'bananas');
console.log(index); // 1

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Spickzettel

Die Methode find() gibt das erste Element zurück, das eine Testfunktion erfüllt, oder undefined, wenn keines gefunden wurde:

const numbers = [5, 12, 8, 130, 44];
const found = numbers.find(num => num > 10);
console.log(found); // 12

Die Methode findIndex() gibt den Index des ersten übereinstimmenden Elements zurück, oder -1, wenn keines gefunden wurde:

const numbers = [5, 12, 8, 130, 44];
const foundIndex = numbers.findIndex(num => num > 10);
console.log(foundIndex); // 1

Objekte in Arrays finden:

const inventory = [
	{name: 'apples', quantity: 2},
	{name: 'bananas', quantity: 0},
	{name: 'oranges', quantity: 5}
];

const result = inventory.find(item => item.name === 'bananas');
// {name: 'bananas', quantity: 0}

const index = inventory.findIndex(item => item.name === 'bananas');
// 1

Probier es selbst

Diese Lektion enthält keine Programmieraufgabe.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Die Find- & FindIndex-Methoden

Spickzettel

Alle Lektionen in Logik & Ablauf