Hai teman-teman semuanya,apa kabar? semoga tetap dalam keadaan sehat, kita lanjut pembelajaran kita tentang ES6, kali ini kita akan belajar tentang penulisan Destructuring code pada ES6,

Destructuring code berguna untuk mempersingkat atau mengekstrak penulisan code javascript untuk mecetak atau mengambil nilai array atau properti pada object, untuk lebih jelasnya kita langsung saja praktekan pada satu studi kasus, misal kali ini saya mempunyai script seperti ini :

Saya mempunyai sebuah object dengan nama siswa, yang terdiri dari key namaDepan dan namaBelakang yang mempunyai nilai masing masing, maka untuk mencetaknya saya harus membuat sebuah variable untuk mengambil key pada object tersebut seperti ini

yang mana nanti akan saya cetak pada console.log variable yang saya buat setelahnya :

Maka akan tercetak Wita yasman pada bagian tab console.

Nah didalan ES6 kita dapat mendestructuring code tersebut menjadi seperti ini :

Terlihat lebih efisien dibandingkan script yang pertama tadi,

Oke teman-teman untuk tutorial kali ini saya rasa cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-temaan semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih,