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

คุณสามารถทำการแยกโครงสร้างวัตถุได้เช่นกัน ตัวอย่างเช่น สมมติว่าเรามีวัตถุต่อไปนี้:

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

มาทำการแยกโครงสร้างของมันกัน:

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

let {year, month, day} = obj;

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

ในการแยกโครงสร้างวัตถุ ชื่อตัวแปรต้องตรงกับคีย์ของวัตถุ ลำดับของตัวแปรและสมาชิกในวัตถุไม่สำคัญ

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

let options = {
	color: 'red',
	width:  400,
	height: 500,
};

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

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