Destructuring Array dan Object di JavaScript

JavaScript memiliki fitur untuk melakukan destsructure suatu objek dan array sehingga isinya bisa di assign ke variabel-variabel baru.

Destructuring Array

Anggap kita memiliki sebuah array berisi nama lengkap seseorang. Bisa ingin mengekstrak setiap elemen ke dalam variabel baru, maka kita akan mengambilnya lewat indeks array.

const name = ["Bagus", "Aji", "Santoso"]
const firstName = name[0]
const middleName = name[1]
const lastName = name[2]

Dengan fitur destructuring, pengambilan data di atas bisa ditulis dengan:

const name = ["Bagus", "Aji", "Santoso"]
const [firstName, middleName, lastName] = name

Destructuring Object

Sama seperti array, kita juga bisa melakukan destructuring di sebuah objek JavaScript.

const name = {
    firstName: "Bagus", 
    middleName: "Aji",
    lastName: "Santoso", 
}

const {firstName, lastName} = name

Untuk melakukan destructuring suatu objek, kita akan mengambil isi objek tersebut berdasarkan key-nya. Contoh pada kode di atas, kita akan mengambil hanya firstName dan lastName saja.