Destrukturizimi i vargjeve në JavaScript

Në këtë mësim do të analizojmë operacionin destrukturizimit të vargjeve. Ky operacion është i destinuar për regjistrimin në masë të elementeve të vargut në variabla me një rresht të vetëm kodi.

Sintaksa e këtij operacioni është si më poshtë:

javascriptlet [variabla1, variabla2, variabla3] = varg;

Siç e shihni, në të majtë të shenjës = në kllapa katrore janë listuar emrat e variablave. Këto variabla deklarohen në masë përmes let, i cili vendoset përpara kllapës hapëse.

Si rezultat i operacionit në variablin e parë do të regjistrohet elementi i parë i vargut (d.m.th. me çelës zero), në variablin e dytë - i dyti, në variablin e tretë - i treti.

Le të shohim një shembull praktik. Le të supozojmë se kemi një varg që ruan vitin, muajin dhe ditën:

javascriptlet arr = [2025, 12, 31];

Le të regjistrojmë vitin, muajin dhe ditën në variablat përkatëse, duke përdorur destrukturizimin:

javascriptlet arr = [2025, 12, 31];
let [viti, muaji, dita] = arr;

Le të shohim përmbajtjen e variablave tanë:

javascriptconsole.log(viti);  // do të shfaqë 2025
console.log(muaji); // do të shfaqë 12
console.log(dita);   // do të shfaqë 31

Për krahasim shikoni sa i papërshtatshëm dhe i gjatë do të jetë kodi pa destrukturizim:

javascriptlet arr = [2025, 12, 31];

let viti  = arr[0];
let muaji = arr[1];
let dita   = arr[2];

console.log(viti);  // do të shfaqë 2025
console.log(muaji); // do të shfaqë 12
console.log(dita);   // do të shfaqë 31

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

let emri       = arr[0];
let mbiemri    = arr[1];
let departamenti = arr[2];
let pozita   = arr[3];
let paga     = arr[4];