Destructurering van arrays in JavaScript

In deze les behandelen we de bewerking destructurering van arrays. Deze bewerking is bedoeld om op één regel code elementen van een array massaal in variabelen op te slaan.

De syntaxis van deze bewerking is als volgt:

let [variabele1, variabele2, variabele3] = array;

Zoals u ziet, worden aan de linkerkant van het teken = in vierkante haken de namen van variabelen opgesomd. Deze variabelen worden massaal gedeclareerd via let, dat voor het openingshaakje staat.

Als resultaat van de bewerking wordt in de eerste variabele het eerste element van de array opgeslagen (dus met sleutel nul), in de tweede variabele - het tweede, in de derde variabele - het derde.

Laten we een praktisch voorbeeld bekijken. Stel we hebben een array die het jaar, de maand en de dag bevat:

let arr = [2025, 12, 31];

Laten we het jaar, de maand en de dag in de bijbehorende variabelen opslaan, gebruikmakend van destructurering:

let arr = [2025, 12, 31];
let [jaar, maand, dag] = arr;

Laten we kijken naar de inhoud van onze variabelen:

console.log(jaar);  // geeft 2025 weer
console.log(maand); // geeft 12 weer
console.log(dag);   // geeft 31 weer

Ter vergelijking, kijk hoe onhandig en lang de code zonder destructurering wordt:

let arr = [2025, 12, 31];

let jaar  = arr[0];
let maand = arr[1];
let dag   = arr[2];

console.log(jaar);  // geeft 2025 weer
console.log(maand); // geeft 12 weer
console.log(dag);   // geeft 31 weer

In de volgende code worden delen van de array opgeslagen in de bijbehorende variabelen:

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

let naam       = arr[0];
let achternaam = arr[1];
let afdeling   = arr[2];
let positie    = arr[3];
let salaris    = arr[4];

Pas deze code aan via destructurering volgens de bestudeerde theorie.