Tömbök destrukturálása JavaScriptben

Ebben a leckében a destrukturálás műveletet vizsgáljuk meg tömbök esetén. Ez a művelet arra szolgál, hogy egy tömb elemeit tömegesen változókba írjuk egyetlen kódsorban.

A művelet szintaxisa a következő:

javascriptlet [változó1, változó2, változó3] = tömb;

Amint láthatod, a = jel bal oldalán szögletes zárójelben változónevek szerepelnek. Ezeket a változókat tömegesen deklarálja a let, amely a nyitó zárójel elött helyezkedik el.

A művelet eredményeképpen az első változóba az első tömb elem kerül (vagyis a nulla kulcsú), a második változóba - a második, a harmadik változóba - a harmadik.

Nézzünk egy gyakorlati példát. Tegyük fel, van egy tömbünk, amely év, hónap és napot tárol:

javascriptlet arr = [2025, 12, 31];

Írjuk az év, hónap és nap értékét a megfelelő változókba a destrukturálás segítségével:

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

Nézzük meg a változóink tartalmát:

javascriptconsole.log(year);  // kiírja 2025
console.log(month); // kiírja 12
console.log(day);   // kiírja 31

Összehasonlításképp nézd meg, milyen kényelmetlen és hosszú kódot kapnánk destrukturálás nélkül:

javascriptlet arr = [2025, 12, 31];

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

console.log(year);  // kiírja 2025
console.log(month); // kiírja 12
console.log(day);   // kiírja 31

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