JavaScriptda massivlarni destrukturizatsiya qilish

Ushbu darsda biz massivlarni destrukturizatsiya qilish operatsiyasini o'rganamiz. Ushbu operatsiya massiv elementlarini o'zgaruvchilarga bir qatorda ommaviy ravishda yozish uchun mo'ljallangan.

Ushbu operatsiyaning sintaksisi quyidagicha:

javascriptlet [o_zgaruvchi1, o_zgaruvchi2, o_zgaruvchi3] = massiv;

Ko'rib turganingizdek, = belgisining chap tomonida kvadrat qavs ichida o'zgaruvchilar nomlari ko'rsatilgan. Ushbu o'zgaruvchilar let yordamida, ochiluvchi qavs oldida joylashgan holda, ommaviy ravishda e'lon qilinadi.

Operatsiya natijasida birinchi o'zgaruvchiga massivning birinchi elementi (ya'ni nol kalitli), ikkinchi o'zgaruvchiga - ikkinchi, uchinchi o'zgaruvchiga - uchinchi element yoziladi.

Keling, amaliy misolni ko'rib chiqaylik. Faraz qilaylik, bizda yil, oy va kunni saqlovchi massiv mavjud:

javascriptlet arr = [2025, 12, 31];

Keling, destrukturizatsiyadan foydalanib, yil, oy va kunni mos o'zgaruvchilarga yozamiz:

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

Keling, o'zgaruvchilarimizning tarkibiga nazar solaylik:

javascriptconsole.log(year);  // 2025 chiqadi
console.log(month); // 12 chiqadi
console.log(day);   // 31 chiqadi

Taqqoslash uchun, destrukturizatsiyasiz kod qanchalik noqulay va uzun bo'lishiga e'tibor bering:

javascriptlet arr = [2025, 12, 31];

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

console.log(year);  // 2025 chiqadi
console.log(month); // 12 chiqadi
console.log(day);   // 31 chiqadi

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