Penyahstrukturan Array dalam JavaScript

Dalam pelajaran ini, kita akan membincangkan operasi penyahstrukturan array. Operasi ini bertujuan untuk merekodkan elemen array secara pukal ke dalam pembolehubah dalam satu baris kod.

Sintaks operasi ini adalah seperti berikut:

let [pembolehubah1, pembolehubah2, pembolehubah3] = array;

Seperti yang anda lihat, di sebelah kiri tanda = dalam tanda kurung siku disenaraikan nama-nama pembolehubah. Pembolehubah-pembolehubah ini diisytiharkan secara pukal melalui let, yang terletak sebelum kurungan pembuka.

Hasil daripada operasi ini, pembolehubah pertama akan merekodkan elemen pertama array (iaitu dengan kunci sifar), pembolehubah kedua - elemen kedua, pembolehubah ketiga - elemen ketiga.

Mari kita lihat contoh praktikal. Katakan kita mempunyai array yang menyimpan tahun, bulan dan hari:

let arr = [2025, 12, 31];

Mari kita rekod tahun, bulan dan hari ke dalam pembolehubah yang sepadan, menggunakan penyahstrukturan:

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

Mari kita lihat kandungan pembolehubah kita:

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

Sebagai perbandingan, lihat betapa menyusahkan dan panjangnya kod tanpa penyahstrukturan:

let arr = [2025, 12, 31];

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

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

Dalam kod berikut, bahagian array direkodkan ke dalam pembolehubah yang sepadan:

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

Ubahsuai kod ini melalui penyahstrukturan berdasarkan teori yang telah dipelajari.