Beherrschen der Array-Kraftpakete von JavaScript: forEach, Zuordnen, Filtern, Reduzieren, Verbreiten und Ruhen

forEach: Iterieren über Elemente

Die forEach-Methode durchläuft jedes Element in einem Array und führt für jedes Element eine bereitgestellte Rückruffunktion aus.

const-Zahlen = [1, 2, 3, 4, 5];
zahlen.forEach(num => {
console.log(num);
});

Karte: Transformierende Elemente

Die Map-Methode erstellt ein neues Array, indem sie eine bereitgestellte Funktion auf jedes Element des ursprünglichen Arrays anwendet.

const-Zahlen = [1, 2, 3, 4, 5];
const doubledNumbers = zahlen.map(num => num * 2);
console.log(doubledNumbers); // Ausgabe: [2, 4, 6, 8, 10]

Filter: Elemente auswählen

Die Filtermethode erstellt ein neues Array, das nur die Elemente enthält, die einen von der bereitgestellten Funktion implementierten Test bestehen.

const-Zahlen = [1, 2, 3, 4, 5];
const evenNumbers = zahlen.filter(num   => num % 2 === 0);
console.log(evenNumbers); // Ausgabe:  
[2, 4]

reduzieren: Werte akkumulieren

Die Reduce-Methode reduziert ein Array auf einen einzelnen Wert, indem sie eine Funktion auf einen Akkumulator und jedes Element im Array anwendet.

const-Zahlen = [1, 2, 3, 4, 5];
const sum = zahlen.reduce((accumulator, currentValue) => accumulator
aktueller Wert, 0);
console.log(sum); // Ausgabe: 15

Spread-Operator (...): Elemente erweitern

Der Spread-Operator erweitert ein Iterable (Array, String, Objekt) in seine einzelnen Elemente.

const-Zahlen = [1, 2, 3];
const newArray = [...Zahlen, 4, 5];
console.log(newArray); // Ausgabe: [1, 2, 3, 4, 5]

Rest-Operator (...): Elemente sammeln
Der Rest-Operator sammelt verbleibende Elemente in einem Array.

Funktionssumme(...Zahlen) {
return zahlen.reduce((total, num) => total num, 0);
}
console.log(sum(1, 2, 3, 4)); // Ausgabe: 10

Praxisbeispiele:

1. Gerade Zahlen filtern:

const-Zahlen = [1, 2, 3, 4, 5, 6];
const evenNumbers = zahlen.filter(num => num % 2 === 0);
console.log(evenNumbers); // Ausgabe: [2, 4, 6]

1. Erstellen eines neuen Arrays mit quadrierten Zahlen:

const-Zahlen = [1, 2, 3, 4, 5];
const quadratNumbers = zahlen.map(num => num * num);
console.log(squaredNumbers); // Ausgabe: [1, 4, 9, 16, 25]

1. Array-Elemente summieren:

const-Zahlen = [1, 2, 3, 4, 5];
const sum = zahlen.reduce((accumulator, currentValue) => accumulator
aktueller Wert, 0);
console.log(sum); // Ausgabe: 15 

1. Ein verschachteltes Array reduzieren:

const nestedArray = [[1, 2], [3, 4], [5]];
const flattenedArray = nestedArray.flat();
console.log(flattenedArray); // Ausgabe: [1, 2, 3, 4, 5]

Das obige ist der detaillierte Inhalt vonBeherrschen der Array-Kraftpakete von JavaScript: forEach, Zuordnen, Filtern, Reduzieren, Verbreiten und Ruhen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!