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

Бұл кодты үйренген теория бойынша деструктуризация арқылы қайта жасаңыз.