Дэструктурызацыя масіваў у 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];