Destructing Object pada ES6

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}`)