JavaScript-ում զանգվածների դեստրուկտուրացում

Այս դասում մենք կվերլուծենք դեստրուկտուրացման գործողությունը զանգվածների համար: Այս գործողությունը նախատեսված է զանգվածի տարրերը մեկ տողով փոփոխականներին վերագրելու համար:

Այս գործողության շարահյուսությունը հետևյալն է.

javascriptlet [փոփոխական1, փոփոխական2, փոփոխական3] = զանգված;

Ինչպես տեսնում եք, = նշանի ձախ կողմում, քառակուսի փակագծերում, թվարկված են փոփոխականների անունները: Այս փոփոխականները զանգվածաբար հայտարարվում են let-ի միջոցով, որը գտնվում է բացող փակագծից առաջ:

Գործողության արդյունքում առաջին փոփոխականին կգրվի զանգվածի առաջին տարրը (այսինքն՝ 0 բանալիով), երկրորդ փոփոխականին՝ երկրորդը, երրորդ փոփոխականին՝ երրորդը:

Եկեք նայենք գործնական օրինակի: Ենթադրենք ունենք զանգված, որը պահպանում է տարին, ամիսը և օրը.

javascriptlet arr = [2025, 12, 31];

Եկեք տարին, ամիսը և օրը գրենք համապատասխան փոփոխականներին, օգտագործելով դեստրուկտուրացում.

javascriptlet arr = [2025, 12, 31];
let [տարի, ամիս, օր] = arr;

Նայենք մեր փոփոխականների պարունակությանը.

javascriptconsole.log(տարի);  // կարտածի 2025
console.log(ամիս); // կարտածի 12
console.log(օր);   // կարտածի 31

Համեմատության համար նայեք, թե որքան անհարմար և երկար կստացվի կոդը առանց դեստրուկտուրացման.

javascriptlet arr = [2025, 12, 31];

let տարի  = arr[0];
let ամիս = arr[1];
let օր   = arr[2];

console.log(տարի);  // կարտածի 2025
console.log(ամիս); // կարտածի 12
console.log(օր);   // կարտածի 31

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

let անուն       = arr[0];
let ազգանուն    = arr[1];
let բաժին = arr[2];
let պաշտոն   = arr[3];
let աշխատավարձ     = arr[4];