8.1 Methode forEach()
Iterationsmethoden für Arrays in JavaScript bieten mächtige Werkzeuge zur Arbeit mit Arrays, indem sie verschiedene Operationen auf ihren Elementen ausführen lassen. In diesem Thema schauen wir uns die wichtigsten Iterationsmethoden an, inklusive forEach(), map(), filter(), reduce(), some(), every(), find() und findIndex().
Die Methode forEach() führt die angegebene Funktion einmal für jedes Element im Array aus. Diese Methode gibt kein neues Array zurück und kann nicht unterbrochen werden.
Syntax:
array.forEach(function(element, index, array) {
// Funktionskörper
});
Beispiel:
Die Methode forEach() durchläuft jedes Element des Arrays numbers[] und gibt dessen Index und Wert aus.
const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number, index) => {
console.log(`Index: ${index}, Wert: ${number}`);
});
// Ausgabe:
// Index: 0, Wert: 1
// Index: 1, Wert: 2
// Index: 2, Wert: 3
// Index: 3, Wert: 4
// Index: 4, Wert: 5
8.2 Methode map()
Die Methode map() erzeugt ein neues Array mit den Ergebnissen des Aufrufs der angegebenen Funktion für jedes Element im Array.
Syntax:
const newArray = array.map(function(element, index, array) {
// Funktionskörper
return neuer_Wert;
});
Die Konvertierungsfunktion kann auch als Arrow Function geschrieben werden:
const newArray = array.map((element, index, array) => neuer_Wert);
Beispiel:
Die Methode map() erstellt ein neues Array squared[], das die Quadrate der Zahlen aus dem Array numbers[] enthält.
const numbers = [1, 2, 3, 4, 5];
const squared = numbers.map(number => number * number);
console.log(squared); // [1, 4, 9, 16, 25]
8.3 Methode filter()
Die Methode filter() erstellt ein neues Array mit allen Elementen, die den Test bestehen, der von der übergebenen Funktion implementiert wird.
const newArray = array.filter(function(element, index, array) {
// Funktionskörper
return Bedingung;
});
Die Filterfunktion kann auch als Arrow Function geschrieben werden:
const newArray = array.filter((element, index, array) => Bedingung);
Beispiel:
Die Methode filter() erstellt ein neues Array evenNumbers[], das nur gerade Zahlen aus dem Array numbers[] enthält.
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // [2, 4]
8.4 Methode reduce()
Die Methode reduce() wendet eine Funktion gegen einen Akkumulator und jedes Element im Array von links nach rechts an, um es auf einen einzigen Wert zu reduzieren.
Syntax:
const result = array.reduce(function(accumulator, current, index, array) {
// Funktionskörper
return neuer_Wert_des_Akkumulators;
}, initialValue);
Die Akkumulatorfunktion kann auch als Arrow Function geschrieben werden:
const result = array.reduce((accumulator, current, index, array) =>
neuer_Wert, initialValue
);
Beispiel:
Die Methode reduce() reduziert das Array numbers[] auf einen einzigen Wert sum, indem sie alle Elemente des Arrays summiert.
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, number) => acc + number, 0);
console.log(sum); // 15
8.5 Methode some()
Die Methode some() prüft, ob mindestens ein Element im Array die Bedingung erfüllt, die von der übergebenen Funktion implementiert wird. Sie gibt true oder false zurück.
Syntax:
const result = array.some(function(element, index, array) {
// Funktionskörper
return Bedingung;
});
Die Prüffunktion kann auch als Arrow Function geschrieben werden:
const result = array.some((element, index, array) => Bedingung);
Beispiel:
Die Methode some() prüft, ob es im Array numbers[] mindestens eine gerade Zahl gibt, und gibt true zurück.
const numbers = [1, 2, 3, 4, 5];
const hasEvenNumber = numbers.some(number => number % 2 === 0);
console.log(hasEvenNumber); // true
8.6 Methode every()
Die Methode every() prüft, ob alle Elemente des Arrays die Bedingung erfüllen, die von der übergebenen Funktion implementiert wird. Sie gibt true oder false zurück.
Syntax:
const result = array.every(function(element, index, array) {
// Funktionskörper
return Bedingung;
});
Die Prüffunktion kann auch als Arrow Function geschrieben werden:
const result = array.every((element, index, array) => Bedingung);
Beispiel:
Die Methode every() prüft, ob alle Elemente des Arrays numbers[] positiv sind, und gibt true zurück.
const numbers = [1, 2, 3, 4, 5];
const allPositive = numbers.every(number => number > 0);
console.log(allPositive); // true
8.7 Methode find()
Die Methode find() gibt das erste Element des Arrays zurück, das die Bedingung erfüllt, die von der übergebenen Funktion implementiert wird. Wenn kein Element die Bedingung erfüllt, gibt sie undefined zurück.
Syntax:
const result = array.find(function(element, index, array) {
// Funktionskörper
return Bedingung;
});
Die Prüffunktion kann auch als Arrow Function geschrieben werden:
const result = array.find((element, index, array) => Bedingung);
Beispiel:
Die Methode find() gibt die erste gerade Zahl im Array numbers[] zurück.
const numbers = [1, 2, 3, 4, 5];
const firstEven = numbers.find(number => number % 2 === 0);
console.log(firstEven); // 2
8.8 Methode findIndex()
Die Methode findIndex() gibt den Index des ersten Elements im Array zurück, das die Bedingung erfüllt, die von der übergebenen Funktion implementiert wird. Wenn kein Element die Bedingung erfüllt, gibt sie -1 zurück.
Syntax:
const result = array.findIndex(function(element, index, array) {
// Funktionskörper
return Bedingung;
});
Die Prüffunktion kann auch als Arrow Function geschrieben werden:
const result = array.findIndex((element, index, array) => Bedingung);
Beispiel:
Die Methode findIndex() gibt den Index der ersten geraden Zahl im Array numbers[] zurück.
const numbers = [1, 2, 3, 4, 5];
const firstEvenIndex = numbers.findIndex(number => number % 2 === 0);
console.log(firstEvenIndex); // 1
GO TO FULL VERSION