【ES6】扩展运算符

对象扩展运算符

对象的扩展运算符（…）用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中

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']