Destrukturisasi Array dalam JavaScript

Dalam pelajaran ini, kita akan membahas operasi destrukturisasi array. Operasi ini dimaksudkan untuk mencatat elemen-elemen array secara massal ke dalam variabel dalam satu baris kode.

Sintaks operasi ini adalah sebagai berikut:

let [variabel1, variabel2, variabel3] = array;

Seperti yang Anda lihat, di sebelah kiri tanda = dalam tanda kurung siku dicantumkan nama-nama variabel. Variabel-variabel ini dideklarasikan secara massal melalui let, yang terletak sebelum kurung buka.

Hasil dari operasi ini, variabel pertama akan berisi elemen pertama array (yaitu dengan kunci nol), variabel kedua - elemen kedua, variabel ketiga - elemen ketiga.

Mari kita lihat contoh praktis. Misalkan kita memiliki array yang menyimpan tahun, bulan dan hari:

let arr = [2025, 12, 31];

Mari kita catat tahun, bulan, dan hari ke dalam variabel-variabel yang sesuai, menggunakan destrukturisasi:

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

Mari kita lihat isi variabel kita:

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

Sebagai perbandingan, lihat betapa tidak nyaman dan panjangnya kode tanpa destrukturisasi:

let arr = [2025, 12, 31];

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

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

Dalam kode berikut, bagian-bagian array dicatat ke dalam variabel-variabel yang sesuai:

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

Ubah kode ini menjadi menggunakan destrukturisasi sesuai dengan teori yang telah dipelajari.