Destructing Object pada ES6

Run Settings
LanguageJavaScript
Language Version
Run Command
const profile = { firstName: "Muhammad", lastName: "Hifni", age: 21 } console.log(`================================== Destructing Object sebelum ada ES6 ==================================`) const namaDepan = profile.firstName; const namaBelakang = profile.lastName; const umur = profile.age; console.log(namaDepan, namaBelakang, umur); console.log(` ================================== Destructing Object sesudah ada ES6 ==================================`) /*Penulisan destructuring object pada ES6 sintaks menggunakan objek literal { } di sisi kiri dari operasi assignment. */ const {firstName, lastName, age} = profile; console.log(firstName, lastName, age); console.log("\nAssigning to Different Local Variable Names"); /*dalam mendestruksikan objek kita bisa menggunakan penamaan variabel lokal yang berbeda. ES6 menyediakan sintaks tambahan yang membuat kita dapat melakukan hal tersebut. */ const {firstName: namaAwal, lastName: namaAkhir} = profile; console.log(namaAwal, namaAkhir); console.log(` Default Values`) const parfume = ['Misic putih']; const [parfume0, parfume1] = parfume; console.log(`${parfume0} ${parfume1}`) const [parfumeFirst, parfumeSecond = "Malaikat Subuh"] = parfume; console.log(` Setelah variabel undefined diberi nilia: ${parfumeFirst} ${parfumeSecond}`)
Editor Settings
Theme
Key bindings
Full width
Lines