JavaScript-те массивтерді деструктуризациялау

Бұл сабақта біз массивтерді деструктуризациялау операциясын қарастырамыз. Бұл операция массив элементтерін бір жол кодымен айнымалыларға жалпыға бірдей жазу үшін арналған.

Бұл операцияның синтаксисі келесідей:

javascriptlet [айнымалы1, айнымалы2, айнымалы3] = массив;

Көріп отырғаныңыздай, = таңбасының сол жағында шаршы жақша ішінде айнымалы атаулары көрсетілген. Бұл айнымалылар жалпыға бірдей let арқылы жарияланады, ол ашылатын жақшаның алдында орналасады.

Операция нәтижесінде бірінші айнымалыға массивтің бірінші элементі жазылады (яғни нөлдік кілтпен), екінші айнымалыға - екінші, үшінші айнымалыға - үшінші.

Тәжірибелік мысалды қарастырайық. Бізде жыл, ай және күнді сақтайтын массив бар делік:

javascriptlet arr = [2025, 12, 31];

Жыл, ай және күнді сәйкес айнымалыларға деструктуризацияны қолданып жазайық:

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

Айнымалылардың мазмұнына назар аударайық:

javascriptconsole.log(year);  // шығарады 2025
console.log(month); // шығарады 12
console.log(day);   // шығарады 31

Салыстыру үшін, деструктуризациясыз код қандай ыңғайсыз және ұзын болатынын қараңыз:

javascriptlet 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

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