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.
Probier 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 3Typkoerzierung7Rechner zum Teilen der Rechnung
WillkommensnachrichtTrinkgeld und Gesamtbetrag berechnen10FizzBuzz mit einer Wendung
SpielübersichtDie FizzBuzz-Funktion2Variablen
ZahlenZeichenketteBoolescher WertNamenskonventionenLeere VariablenZusammenfassung – Variablen initialisierenKonstanten5Entscheidungen treffen
If-AnweisungIf – ElseRückblick – Einfacher TaschenrechnerVerschachteltes If – ElseSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueWiederholung – FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren – Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische KurzformenVergleichsoperatorenStrikte vs. lose GleichheitRückblick – einfache Mathematik6Grundlegende Ein- und Ausgabe
AusgabeAusgabe mit VariablenTypkonvertierung – Teil 1Typkonvertierung – Teil 2Wiederholung – Bis 120Wiederholung – Wahr oder falsch9Funktionen
Eine Funktion deklarierenArgumenteRückgabewertZusammenfassung – Sigma-FunktionFunktionsausdruckStandardparameterPfeilfunktionenZusammenfassung – Validierungsfunktion12Arrays Teil 2
Arrays durchlaufenDie forEach-Methodefor...of-SchleifeRückblick – P-ZählerArray-SlicingArray-Methoden Teil 3Array-Methoden Teil 4MitgliedschaftstestÜbe selbstständig: Online-JavaScript-Compiler