OBJECT DESCTRUCTURE

Dalam JavaScript, salah satu kemampuan yang cukup sering digunakan oleh developer adalah Object Destructuring. Ini adalah fitur yang memungkinkan kita untuk mengekstrak properti dari objek dengan lebih mudah dan efektif.

Apa Itu Object Destructuring?

Object Destructuring dalam JavaScript adalah sebuah sintaks yang memungkinkan kamu untuk mengekstrak data langsung dari objek ke dalam variabel yang berbeda. Ini sangat berguna ketika kamu ingin mengakses properti objek tanpa harus merujuk ke objek aslinya berulang kali.

Misalkan, kamu memiliki objek seperti yang ditunjukkan di bawah ini:

let mahasiswa = {
  nama: "Budi",
  jurusan: "Teknik Informatika",
  semester: 6
}

Tanpa Object Destructuring, untuk mengakses setiap properti objek, kamu akan melakukannya seperti ini:

let nama = mahasiswa.nama;
let jurusan = mahasiswa.jurusan;
let semester = mahasiswa.semester;

Namun dengan Object Destructuring, kamu bisa melakukannya dalam satu baris kode saja:

let { nama, jurusan, semester } = mahasiswa;

Variabel nama, jurusan, dan semester sekarang memiliki nilai yang sama dengan properti objek mahasiswa yang bersesuaian.

Penggunaan Object Destructuring dengan Fungsi

Object Destructuring juga bisa digunakan bersama fungsi. Misalnya, kamu punya fungsi yang menerima objek sebagai argumen:

function displayInfo(obj) {
  console.log(`Nama: ${obj.nama}, Jurusan: ${obj.jurusan}`);
}

displayInfo(mahasiswa); // Outputs: "Nama: Budi, Jurusan: Teknik Informatika"

Dengan Object Destructuring, kamu bisa membongkar objek langsung di parameter fungsi:

function displayInfo({ nama, jurusan }) {
  console.log(`Nama: ${nama}, Jurusan: ${jurusan}`);
}

displayInfo(mahasiswa); // Outputs: "Nama: Budi, Jurusan: Teknik Informatika"

Penggunaan Object Destructuring dengan Array

Meskipun namanya Object Destructuring, fitur ini juga bisa digunakan untuk membongkar array. Cara kerjanya hampir sama, namun menggunakan tanda kurung siku [] daripada kurung kurawal {}.

let nilai = [90, 85, 70];

let [nilai1, nilai2, nilai3] = nilai;

console.log(nilai1); // Outputs: 90
console.log(nilai2); // Outputs: 85
console.log(nilai3); // Outputs: 70

Jadi, Object Destructuring adalah alat yang sangat berguna yang bisa membantu kamu menulis kode yang lebih terstruktur dan lebih mudah untuk dibaca, selain juga mempersingkat banyak sintaks.