Destrukturering av arrays i JavaScript

I denne leksjonen skal vi gå gjennom operasjonen destrukturering av arrays. Denne operasjonen er designet for å masse-skrive elementer fra en array til variabler på én linje kode.

Syntaksen for denne operasjonen er som følger:

let [variabel1, variabel2, variabel3] = array;

Som du ser, til venstre for tegnet = i hakeparenteser listes navnene på variablene opp. Disse variablene deklareres massevis via let, som plasseres foran den åpne parentesen.

Som et resultat av operasjonen vil den første variabelen få skrevet det første elementet i arrayen (altså med nøkkel null), i den andre variabelen - det andre, i den tredje variabelen - det tredje.

La oss se på et praktisk eksempel. La oss si at vi har en array som lagrer år, måned og dag:

let arr = [2025, 12, 31];

La oss skrive år, måned og dag i de tilsvarende variablene, ved å bruke destrukturering:

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

La oss se på innholdet i variablene våre:

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

Til sammenligning, se hvor upraktisk og lang koden blir uten destrukturering:

let arr = [2025, 12, 31];

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

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

I følgende kode skrives deler av arrayen til de tilsvarende variablene:

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];

Omgjør denne koden ved hjelp av destrukturering i henhold til teorien vi har lært.