主要用途
1.展开数组:使用扩展运算符可以将一个数组展开成单独的元素,方便地将数组中的元素插入到另一个数组中或者作为函数的参数使用。
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArray = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
2.复制数组:通过扩展运算符可以快速地复制一个数组,而不需要遍历并逐个复制元素。
const arr = [1, 2, 3];
const copyArr = [...arr]; // [1, 2, 3]
3.合并对象:扩展运算符还可以用于合并对象。当合并两个对象时,后面的对象属性会覆盖前面的对象属性。
const obj1 = { x: 1, y: 2 };
const obj2 = { y: 3, z: 4 };
const mergedObject = { ...obj1, ...obj2 }; // { x: 1, y: 3, z: 4 }
4.复制对象:和复制数组类似,扩展运算符也可以用于快速复制一个对象。
const obj = { x: 1, y: 2 };
const copyObj = { ...obj }; // { x: 1, y: 2 }
5.函数调用:扩展运算符可以在函数调用时将数组展开为单独的参数,简化函数调用的语法。
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
const result = sum(...numbers); // 6
扩展运算符的作用还有很多,它提供了一种简洁而强大的方式来操作数组和对象,使代码更易读和维护。