Деструктуризация массивов в 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];