Die Find- und FindIndex-Methode
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); // 1Probier es selbst
Diese Lektion enthält keine Programmieraufgabe.
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
Grundlagen von StringsStrings durchlaufenTemplate LiteralsString-MethodenRückblick – String-Weber4JSON Teil 2
JSON durchlaufenVerschachteltes JSONOptionale Verkettung in JSONFlache und tiefe KopieWiederholung – FahrradgeschäftWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen
Nach Titel suchenNach Genre filternAls gelesen markieren2Mehrdimensionale Arrays
Grundlagen von 2D-ArraysZugriff auf Elemente von 2D-ArraysVerschachtelte Schleifen mit 2D-ArraysWiederholung – 2D-ArraysMatrixaddition und -subtraktionZackige Arrays3D-Arrays und darüber hinausHäufige Muster bei 2D-ArraysWiederholung – Alles über Arrays5Mengen – Teil 1
Was ist eine Menge?Mengen durchlaufenEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element vorhanden istGröße und LeerstatusKopieren und LeerenRückblick – Grundlagen von Mengen8Interessante Themen zu Arrays
Destrukturierung von ArraysSpread-Syntax in ArraysDünn besetzte ArraysRückblick – Workshop zu Arrays3JSON Teil 1
Was ist JSON?Prüfen, ob ein Schlüssel vorhanden istObjektmethodenSpread-Operator Teil 1Spread-Operator Teil 2Schlüssel entfernenRückblick – JSON-Schlüssel bearbeiten6Mengen Teil 2
Mathematik – Vereinigung von MengenMathematik – Schnittmenge von MengenMathematik – Differenz von MengenMathematik – Symmetrische DifferenzTeilmengen und ObermengenRückblick – Freunde gruppieren9Erweiterte Array-Methoden
Die Join- und Split-MethodenDie Map-MethodeDie Filter-MethodeDie Reduce-MethodeArray-Methoden verkettenSind ForEach und Map gleich?Die Sort-MethodeDie Find- und FindIndex-MethodeRückblick – Der Chain-MeisterÜbe selbstständig: Online-JavaScript-Compiler