对象扩展运算符
对象的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中
let bar = {
a:1,b:2};
let bar2 = {
...bar}; // {a:1,b:2}
上述方法实际上等价于
let bar = {
a : 1,b : 2};
let bar2 = Object.assign({
}, bar); // { a : 1, b : 2}
如果用户自定义的属性,放在扩展运算符后面,则扩展运算符内部的同名属性会被覆盖掉
let bar = {
a : 1,b : 2};
let baz = {
...bar, ...{
a :2,b : 4}
注意: 扩展运算符对对象实例的拷贝属于浅拷贝
数组扩展运算符
数组的扩展运算符可以将一个数组转为用逗号分隔的参数序列,且每次只能展开一层数组
console.log(...[1, 2, 3])
// 1 2 3
console.log(...[1,[2,3,4],5])
// 1 [2,3,4] 5
下面是数组的扩展运算符的应用
- 将数组转换为参数序列
function add(x,y) {
return x + y;
}
const numbers = [1, 2];
add(...numbers) // 3
- 复制数组
const arr1 = [1 , 2];
const arr2 = [...arr1];
合并数组
const arr1 = [2 , 3];
const arr2 = [1, ...arr1, 4, 5] // [1,2,3,4,5]
将字符串转为真正的数组
[...'hello'] // ['h', 'e', 'l', 'l', 'o']