Destrukturering av arrayer i JavaScript

I den här lektionen kommer vi att gå igenom operationen destrukturering av arrayer. Denna operation är avsedd att massregistrera element i en array till variabler på en rad kod.

Syntaxen för denna operation är följande:

let [variabel1, variabel2, variabel3] = array;

Som du ser, till vänster om tecknet = i hakparenteser listas namnen på variablerna. Dessa variabler deklareras massivt via let, som placeras före den inledande parentesen.

Som ett resultat av operationen kommer den första variabeln att tilldelas det första elementet i arrayen (det vill säga med nyckeln noll), till den andra variabeln - det andra, till den tredje variabeln - det tredje.

Låt oss titta på ett praktiskt exempel. Låt oss säga att vi har en array som lagrar år, månad och dag:

let arr = [2025, 12, 31];

Låt oss tilldela år, månad och dag till motsvarande variabler, med hjälp av destrukturering:

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

Låt oss titta på innehållet i våra variabler:

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

Som jämförelse, se hur obekvämt och långt koden blir utan 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öljande kod tilldelas delar av arrayen till motsvarande 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];

Ändra den här koden till destrukturering enligt den studerade teorin.