Destrukturierung von Arrays

Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy. Lektion 47 von 65.

Array-Destrukturierung ist eine bequeme Möglichkeit, mehrere Werte aus einem Array zu extrahieren und sie in einer einzigen Anweisung Variablen zuzuweisen. Dabei wird eine Syntax verwendet, die die Struktur eines Array-Literals widerspiegelt.

Grundlegende Syntax:

const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Du kannst Elemente überspringen:

const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3

Du kannst Restparameter verwenden, um die verbleibenden Elemente zu erfassen:

const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a);    // 1
console.log(rest); // [2, 3, 4, 5]

Du kannst Standardwerte angeben:

const [a, b, c = 3] = [1, 2];
console.log(c); // 3

Aufgabe

Einfach

Erstelle eine Funktion namens analyzeArray, die ein Array als Argument entgegennimmt. Die Funktion sollte Array-Destrukturierung verwenden, um das erste, zweite und letzte Element des Arrays zu extrahieren. Sie sollte ein Objekt mit den folgenden Eigenschaften zurückgeben:

first: Das erste Element des Arrays
second: Das zweite Element des Arrays
last: Das letzte der Elemente, die nach dem zweiten Element kommen (null, wenn das Array zwei oder weniger Elemente enthält)
restLength: Wie viele Elemente zwischen dem zweiten Element und last liegen (das ...rest-Array, nachdem last daraus entfernt wurde)

Wenn eines dieser Elemente nicht vorhanden ist, verwende den Standardwert null. Beispiel: Für [1, 2, 3, 4, 5] lautet das Ergebnis { first: 1, second: 2, last: 5, restLength: 2 }; für [42] lautet es { first: 42, second: null, last: null, restLength: 0 }.

Probier es selbst

function analyzeArray(arr) {
  // 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.

Alle Lektionen in Logik & Ablauf

Übe selbstständig: Online-JavaScript-Compiler