Destrukturering af arrays i JavaScript

I denne lektion vil vi analysere operationen destrukturering af arrays. Denne operation er designet til massevis at indskrive elementer fra et array i variabler på én linje kode.

Syntaksen for denne operation er som følger:

let [variabel1, variabel2, variabel3] = array;

Som du kan se, til venstre for tegnet = i firkantede parenteser opremses variabelnavne. Disse variabler erklæres massevis via let, som er placeret før den åbne parentes.

Som et resultat af operationen vil den første variabel blive tildelt det første element i arrayet (altså med nøglen nul), til den anden variabel - det andet, til den tredje variabel - det tredje.

Lad os se på et praktisk eksempel. Lad os sige, at vi har et array, der gemmer år, måned og dag:

let arr = [2025, 12, 31];

Lad os indskrive år, måned og dag i de tilsvarende variabler ved hjælp af destrukturering:

let arr = [2025, 12, 31];
let [year, month, day] = arr;

Lad os se på indholdet af vores variabler:

console.log(year);  // udskriver 2025
console.log(month); // udskriver 12
console.log(day);   // udskriver 31

Til sammenligning, se hvor besværligt og langt koden ville blive uden destrukturering:

let arr = [2025, 12, 31];

let year  = arr[0];
let month = arr[1];
let day   = arr[2];

console.log(year);  // udskriver 2025
console.log(month); // udskriver 12
console.log(day);   // udskriver 31

I den følgende kode tildeles dele af arrayet til de tilsvarende variabler:

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

let name       = arr[0];
let surname    = arr[1];
let department = arr[2];
let position   = arr[3];
let salary     = arr[4];

Omregn denne kode til destrukturering i henhold til den studerede teori.