ตัวดำเนินการ spread และการรวมอาร์เรย์
สมมติว่าเรามีอาร์เรย์สองอัน:
let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];
มาทำให้ระหว่างองค์ประกอบแรกและ
องค์ประกอบที่สองของอาร์เรย์ arr2 มีการแทรก
องค์ประกอบของอาร์เรย์ arr1 ลงไป
กล่าวอีกนัยหนึ่ง เราต้องการเขียน
โค้ดที่เปลี่ยนอาร์เรย์ arr2 ปัจจุบัน
ให้กลายเป็นอาร์เรย์ต่อไปนี้:
[1, 'a', 'b', 'c', 2, 3]
โดยทั่วไปแล้ว ปัญหานี้สามารถแก้ไขได้ด้วยเมธอด splice
อย่างไรก็ตาม ปัญหานี้แก้ได้ง่ายกว่า
มากผ่าน spread:
let arr1 = ['a', 'b', 'c'];
let arr2 = [1, ...arr1, 2, 3];
console.log(arr2); // จะแสดง [1, 'a', 'b', 'c', 2, 3]
โดยไม่ต้องรันโค้ด จงพิจารณาว่าจะแสดงอะไร ในคอนโซล:
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr = ['a', ...arr1, 'b', 'c', ...arr2];
console.log(arr);
โดยไม่ต้องรันโค้ด จงพิจารณาว่าจะแสดงอะไร ในคอนโซล:
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr = ['a', ...arr1, ...arr1, 'b', 'c'];
console.log(arr);
โดยไม่ต้องรันโค้ด จงพิจารณาว่าจะแสดงอะไร ในคอนโซล:
let arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5, 6];
let arr = ['a', 'b', 'c', ...arr2];
console.log(arr);
โดยไม่ต้องรันโค้ด จงพิจารณาว่าจะแสดงอะไร ในคอนโซล:
let arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5, 6];
let arr3 = [...arr2, 7, 8, 9];
let arr = [0, ...arr3];
console.log(arr);
โดยไม่ต้องรันโค้ด จงพิจารณาว่าจะแสดงอะไร ในคอนโซล:
let arr1 = [1, 2, 3];
let arr2 = [...arr1];
console.log(arr2);