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 覆盖了。结果颜色现在是黄色。
