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

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

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

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

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

ในโค้ดต่อไปนี้ ส่วนต่างๆ ของวัตถุถูกบันทึกลงในตัวแปรที่เกี่ยวข้อง:

let 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;

โปรดปรับโค้ดนี้โดยใช้การแยกโครงสร้างตามทฤษฎีที่เรียนมา