JavaScript да массивларни деструктуризация қилиш

Бу дарсда биз массивларни деструктуризация қилиш амалиётини кўриб чиқамиз. Бу амалиёт массив элементларини бир қатор кодда ўзгарувчиларга оммавий ёзиш учун мўлжалланган.

Бу амалиётнинг синтаксиси қуйидагича:

let [ўзгарувчи1, ўзгарувчи2, ўзгарувчи3] = массив;

Кўриб турганингиздек, = белгисининг чап томонида қавс ичида ўзгарувчи номлари санқитилади. Бу ўзгарувчилар оммавий равишда let орқали, унинг олдидаги очилувчи қавс орқали эълон қилинади.

Амалиёт натижасида биринчи ўзгарувчига массивнинг биринчи элементи (яъни нол калит билан) ёзилади, иккинчи ўзгарувчига - иккинчи, учинчи ўзгарувчига - учинчи.

Келинг амалий мисолда кўриб чиқайлик. Фароз қилайлик, бизда йил, ой ва кунни сақловчи массив бор:

let arr = [2025, 12, 31];

Келинг йил, ой ва кунни мос ўзгарувчиларга деструктуризациядан фойдаланиб ёзайлик:

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

Келинг ўзгарувчиларимизнинг мазмунини кўриб чиқайлик:

console.log(year);  // 2025 ни чиқаради
console.log(month); // 12 ни чиқаради
console.log(day);   // 31 ни чиқаради

Солиштириш учун деструктуризациясиз код қанчалик носоз ва узун бўлишини кўриб чиқинг:

let arr = [2025, 12, 31];

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

console.log(year);  // 2025 ни чиқаради
console.log(month); // 12 ни чиқаради
console.log(day);   // 31 ни чиқаради

Қуйидаги кодда массив қисмлари мос ўзгарувчиларга ёзилган:

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

Ушбу кодни ўрганилган назария асосида деструктуризация орқали қайта ишланг.