การแยกโครงสร้างอาร์เรย์ใน JavaScript

ในบทเรียนนี้เราจะวิเคราะห์การดำเนินการ การแยกโครงสร้าง อาร์เรย์ การดำเนินการนี้มีวัตถุประสงค์ เพื่อบันทึกองค์ประกอบของอาร์เรย์ลงในตัวแปรจำนวนมากในหนึ่งบรรทัด ของโค้ด

ไวยากรณ์ของการดำเนินการนี้มีดังนี้:

let [ตัวแปร1, ตัวแปร2, ตัวแปร3] = อาร์เรย์;

อย่างที่คุณเห็น ทางซ้ายของเครื่องหมาย = ใน วงเล็บเหลี่ยมจะมีรายชื่อของตัวแปร ตัวแปรเหล่านี้จะถูกประกาศพร้อมกันผ่าน let ซึ่งอยู่ก่อนหน้าเครื่องหมายวงเล็บเปิด

ผลจากการดำเนินการ ตัวแปรแรก จะบันทึกองค์ประกอบแรกของอาร์เรย์ (นั่นคือ ด้วยคีย์ศูนย์) ตัวแปรที่สอง - องค์ประกอบที่สอง ตัวแปรที่สาม - องค์ประกอบที่สาม

ลองดูตัวอย่างการปฏิบัติ สมมติว่าเรามีอาร์เรย์ที่เก็บปี เดือน และวัน:

let arr = [2025, 12, 31];

ลองบันทึกปี เดือน และวันลงในตัวแปรที่เกี่ยวข้อง โดยใช้การแยกโครงสร้าง:

let arr = [2025, 12, 31];
let [year, month, day] = arr;

ลองดูเนื้อหาของตัวแปรของเรา:

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

สำหรับการเปรียบเทียบ ลองดูว่าโค้ดจะยุ่งยาก และยาวแค่ไหนหากไม่มีการแยกโครงสร้าง:

let arr = [2025, 12, 31];

let year  = arr[0];
let month = arr[1];
let day   = arr[2];

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

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

let arr = ['John', 'Smit', 'development', 'programmer', 2000];

let name       = arr[0];
let surname    = arr[1];
let department = arr[2];
let position   = arr[3];
let salary     = arr[4];

แก้ไขโค้ดนี้ผ่านการแยกโครงสร้าง ตามทฤษฎีที่ได้ศึกษา