ฝากเรียนเรื่อง การใช้สัญญาณการแยกแบบ spread (...)

เรียนรู้ว่าจะใช้สัญญาณการสามจุด (...) ใน JavaScript...) ก็เรียกว่า สัญญาณการแยกแบบ spread

สัญญาณการแยกแบบ spread

JavaScript สัญญาณการแยก (...) สามารถขยายของตัวแปรที่สามารถวิเคราะห์ได้ (เช่น ตัวแปรแบบระบุ) ให้มีองค์ประกอบมากขึ้น

นี่มีความหมายว่าเราสามารถโคปคอยหรือส่วนหนึ่งของแบบระบุที่มีอยู่เข้าไปในแบบระบุอีกแบบได้เร็วๆ

ตัวอย่าง

ใช้สัญญาณการแยกแบบ spread ของ JavaScript ในการผสมสองแบบระบุ

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

ลองทดสอบด้วยตัวเอง

สัญญาณการแยกแบบ spread มักถูกใช้เพื่อดึงส่วนที่ต้องการออกมาจากแบบระบุ

ตัวอย่าง

จัดสรรตัวแปรจากองค์ประกอบแรกและองค์ประกอบที่สองของแบบระบุ numbers และจัดสรรส่วนที่เหลือเข้าไปในแบบระบุอีกแบบ

const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;

ลองทดสอบด้วยตัวเอง

เราก็สามารถใช้สัญญาณการแยกแบบ spread ในวัตถุเช่นนี้

ตัวอย่าง

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red'
}
const updateMyVehicle = {
  type: 'car',
  year: 2021,
  color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

ลองทดสอบด้วยตัวเอง

โปรดจำเป็นต้องระวังว่า คุณสมบัติที่ไม่ตรงกันจะถูกผสมกัน แต่คุณสมบัติที่ตรงกัน color ถูกวัตถุที่นำเข้าสุดท้าย updateMyVehicle ทำไมจึงได้: สีสุดท้ายของเมื่อนับแล้วคือสีเหลือง

相关页面

教程：JavaScript ES6