การเพิ่มองค์ประกอบลงในอาร์เรย์แบบ immutable ใน JavaScript

ตอนนี้เรามาเรียนรู้วิธีการเพิ่มองค์ประกอบลงในอาร์เรย์แบบ immutable กัน สมมติว่าเรามีอาร์เรย์ตัวอย่าง:

let arr = [1, 2, 3, 4, 5];

ลองเพิ่มองค์ประกอบใหม่ลงไป ตามแนวทางของเรา เราต้อง สร้างสำเนาของอาร์เรย์และเพิ่มองค์ประกอบใหม่ ลงในสำเนานั้น มาลองทำกัน:

let copy = Object.assign([], arr);
copy.push(6);

let res = copy;

และตอนนี้มาใช้วิธีที่สอง ด้วยการทำ destructuring:

let res = [...arr, 6];

สร้างปุ่ม ที่เมื่อคลิกแล้ว จะเกิดการเพิ่มองค์ประกอบใหม่ลงในอาร์เรย์แบบ immutable