Spread-Syntax in Arrays
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy. Lektion 48 von 65.
Die Spread-Syntax (...) ermöglicht es, ein Iterable, wie zum Beispiel ein Array, an Stellen zu erweitern, an denen null oder mehr Argumente oder Elemente erwartet werden. Sie bietet eine prägnante Möglichkeit, Operationen wie das Kombinieren oder Kopieren von Arrays durchzuführen.
Hier sind einige häufige Anwendungsfälle:
1. Kombinieren von Arrays:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]2. Erstellen einer flachen Kopie eines Arrays:
const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]3. Hinzufügen von Elementen zu einem Array:
const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]4. Übergeben von Array-Elementen als Funktionsargumente:
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6Aufgabe
EinfachErstelle eine Funktion namens mergeArr, die zwei Arrays mit Zahlen als Argumente entgegennimmt. Die Funktion soll:
- Die beiden Arrays mithilfe des Spread-Operators zusammenführen
- Alle doppelten Zahlen entfernen
- Das resultierende Array zurückgeben
Probier es selbst
function mergeArr(arr1, arr2) {
// Schreibe deinen Code hier
}
Diese 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ügen2Mehrdimensionale 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 bearbeitenÜbe selbstständig: Online-JavaScript-Compiler