Array-Methoden Teil 4
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy — Lektion 69 von 77.
Hier sind noch mehr nützliche Array-Methoden:
1. map(callback): Erstellt ein neues Array, das mit den Ergebnissen des Aufrufs einer bereitgestellten Funktion für jedes Element im aufrufenden Array gefüllt ist.
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Ausgabe: [2, 4, 6]2. filter(callback): Erstellt ein neues Array mit allen Elementen, die den von der bereitgestellten Funktion implementierten Test bestehen.
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Ausgabe: [2, 4]3. reduce(callback, initialValue): Führt eine Reducer-Funktion für jedes Element des Arrays aus, was zu einem einzigen Ausgabewert führt.
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Ausgabe: 10Aufgabe
EinfachGegeben ist ein Array numbers = [1, 2, 3, 4, 5]. Führe die folgenden Schritte aus und gib die Ergebnisse direkt aus:
- Verwende
map(), um ein neues Array zu erstellen, in dem jede Zahl mit 3 multipliziert wird, und gib das Ergebnis aus. - Verwende
filter(), um ein neues Array zu erstellen, das nur Zahlen größer als 3 enthält, und gib das Ergebnis aus.
Spickzettel
Array-Methoden zum Transformieren und Filtern von Daten:
map(callback): Erstellt ein neues Array, indem eine Funktion auf jedes Element angewendet wird:
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Ausgabe: [2, 4, 6]filter(callback): Erstellt ein neues Array mit Elementen, die einen Test bestehen:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Ausgabe: [2, 4]reduce(callback, initialValue): Reduziert ein Array auf einen einzelnen Wert:
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Ausgabe: 10Probier es selbst
let numbers = [1, 2, 3, 4, 5];Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Grundlagen
4Operatoren Teil 2
Logische Operatoren Teil 1Logische Operatoren Teil 2Wiederholung – Einfache LogikLogische Operatoren Teil 3Type Coercion7Rechnungs-Split-Rechner
WillkommensnachrichtTrinkgeld und Gesamtsumme berechnen2Variablen
ZahlenStringsBooleanNamenskonventionenLeere VariablenRückblick - Variablen initialisierenKonstanten5Entscheidungsfindung
If-AnweisungIf - ElseWiederholung - Einfacher TaschenrechnerVerschachtelte If - Else-AnweisungenSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueRückblick - FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische AbkürzungenVergleichsoperatorenStrikte vs. lose GleichheitZusammenfassung – Einfache Mathematik6Grundlagen der IO
AusgabeAusgabe mit VariablenTypumwandlung - Teil 1Typumwandlung - Teil 2Wiederholung - Bis 120Wiederholung - Wahr oder Falsch9Funktionen
Funktion deklarierenArgumenteReturnRückblick - Sigma-FunktionFunktionsausdruckStandardparameterArrow-FunctionsRückblick - Validierungsfunktion12Arrays Teil 2
Iterieren über ArraysDie forEach-Methodefor...of-SchleifeWiederholung – P-ZählerArray SlicingArray-Methoden Teil 3Array-Methoden Teil 4Zugehörigkeit prüfen