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)); // 6

Aufgabe

Einfach

Erstelle 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

Spickzettel

Die Spread-Syntax (...) ermöglicht es, ein Iterable an Stellen zu erweitern, an denen null oder mehr Argumente oder Elemente erwartet werden.

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]

Erstellen einer flachen Kopie (shallow copy):

const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 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]

Übergeben von Array-Elementen als Funktionsargumente:

function sum(a, b, c) {
  return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6

Probier es selbst

function mergeArr(arr1, arr2) {
  // Schreibe deinen Code hier
}

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Spread-Syntax in Arrays

Spickzettel

Alle Lektionen in Logik & Ablauf