Destrukturierung von Arrays in JavaScript

In dieser Lektion werden wir die Operation der Destrukturierung von Arrays analysieren. Diese Operation ist dafür vorgesehen, massenhaft Elemente eines Arrays in Variablen in einer einzigen Codezeile zu schreiben.

Die Syntax dieser Operation ist die folgende:

let [Variable1, Variable2, Variable3] = Array;

Wie Sie sehen, werden links vom Zeichen = in eckigen Klammern die Namen der Variablen aufgelistet. Diese Variablen werden massenhaft durch let deklariert, das sich vor der öffnenden Klammer befindet.

Als Ergebnis der Operation wird in die erste Variable das erste Element des Arrays geschrieben (also mit dem Schlüssel Null), in die zweite Variable - das zweite, in die dritte Variable - das dritte.

Schauen wir uns ein praktisches Beispiel an. Nehmen wir an, wir haben ein Array, das Jahr, Monat und Tag speichert:

let arr = [2025, 12, 31];

Schreiben wir Jahr, Monat und Tag in die entsprechenden Variablen, indem wir die Destrukturierung verwenden:

let arr = [2025, 12, 31];
let [Jahr, Monat, Tag] = arr;

Schauen wir uns den Inhalt unserer Variablen an:

console.log(Jahr);  // gibt 2025 aus
console.log(Monat); // gibt 12 aus
console.log(Tag);   // gibt 31 aus

Zum Vergleich schauen Sie, wie umständlich und lang der Code ohne Destrukturierung wird:

let arr = [2025, 12, 31];

let Jahr  = arr[0];
let Monat = arr[1];
let Tag   = arr[2];

console.log(Jahr);  // gibt 2025 aus
console.log(Monat); // gibt 12 aus
console.log(Tag);   // gibt 31 aus

Im folgenden Code werden Teile des Arrays in die entsprechenden Variablen geschrieben:

let arr = ['John', 'Smit', 'development', 'programmer', 2000];

let Vorname    = arr[0];
let Nachname   = arr[1];
let Abteilung  = arr[2];
let Position   = arr[3];
let Gehalt     = arr[4];

Ändern Sie diesen Code mittels Destrukturierung gemäß der gelernten Theorie um.