ค่าตั้งต้นในการแยกโครงสร้างวัตถุใน JavaScript

เมื่อแยกโครงสร้างวัตถุ เรายังสามารถกำหนดค่าตั้งต้นได้อีกด้วย ในกรณีนี้ ซึ่งต่างจากการแยกโครงสร้างอาร์เรย์ ตัวแปรใดๆ ก็สามารถเป็นทางเลือกได้ ไม่จำเป็นต้องอยู่ท้ายอาร์เรย์เสมอไป ตัวอย่างเช่น ลองกำหนดค่าตั้งต้นสำหรับตัวแปร year:

javascriptlet obj = {
  month: 12,
  day:   31,
};

let {year = 2025, month, day} = obj;

console.log(year);  // จะแสดง 2025
console.log(month); // จะแสดง 1
console.log(day);   // จะแสดง 31

javascriptlet options = {
  width:  400,
  height: 500,
};

let color;
if (options.color !== undefined) {
  color = options.color;
} else {
  color = 'black';
}

let width  = options.width;
let height = options.height;