Destruktuurering van skikkings in JavaScript

In hierdie les sal ons die operasie van destruktuurering van skikkings ontleed. Hierdie operasie is bedoel om massief elemente van 'n skikking in veranderlikes in een reël kode te skryf.

Die sintaksis van hierdie operasie is soos volg:

javascriptlet [veranderlike1, veranderlike2, veranderlike3] = skikking;

Soos jy kan sien, word die name van veranderlikes links van die gelykaan-teken = in vierkantige hakies gelys. Hierdie veranderlikes word massief gedeclareer deur let, wat voor die opening hakie geplaas is.

As gevolg van die operasie sal die eerste veranderlike die eerste element van die skikking bevat (dit wil sê met sleutel nul), die tweede veranderlike - die tweede, die derde veranderlike - die derde.

Kom ons kyk na 'n praktiese voorbeeld. Gestel ons het 'n skikking wat die jaar, maand en dag stoor:

javascriptlet arr = [2025, 12, 31];

Kom ons skryf die jaar, maand en dag in die ooreenstemmende veranderlikes deur gebruik te maak van destruktuurering:

javascriptlet arr = [2025, 12, 31];
let [jaar, maand, dag] = arr;

Kom ons kyk na die inhoud van ons veranderlikes:

javascriptconsole.log(jaar);  // sal 2025 uitvoer
console.log(maand); // sal 12 uitvoer
console.log(dag);   // sal 31 uitvoer

Ter vergelyking, kyk hoe ongemaklik en lank die kode sonder destruktuurering sal wees:

javascriptlet arr = [2025, 12, 31];

let jaar  = arr[0];
let maand = arr[1];
let dag   = arr[2];

console.log(jaar);  // sal 2025 uitvoer
console.log(maand); // sal 12 uitvoer
console.log(dag);   // sal 31 uitvoer

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