React ES6 ตัวดำเนินการสเปรด
ตัวดำเนินการสเปรด
ตัวดำเนินการกระจาย JavaScript ( ...
) ช่วยให้เราสามารถคัดลอกทั้งหมดหรือบางส่วนของอาร์เรย์หรืออ็อบเจ็กต์ที่มีอยู่ไปยังอาร์เรย์หรืออ็อบเจ็กต์อื่นได้อย่างรวดเร็ว
ตัวอย่าง
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
ตัวดำเนินการการแพร่กระจายมักใช้ร่วมกับการทำลายล้าง
ตัวอย่าง
กำหนดรายการแรกและรายการที่สองจากnumbers
ตัวแปรและใส่ส่วนที่เหลือในอาร์เรย์:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
เราสามารถใช้ตัวดำเนินการการแพร่กระจายกับวัตถุได้เช่นกัน:
ตัวอย่าง
รวมวัตถุทั้งสองนี้:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
สังเกตว่าคุณสมบัติที่ไม่ตรงกันถูกรวมเข้าด้วยกัน แต่คุณสมบัติที่ไม่ตรงกันcolor
ถูกเขียนทับโดยอ็อบเจ็กต์สุดท้ายที่ส่งupdateMyVehicle
ผ่าน สีที่ได้จะเป็นสีเหลือง