push(array)和push([...array])的区别和联系

在刷力扣时，遇到如下问题：

res.push([…path])或者res.push(Array.from(path))得出的结果是正确的，而res.push(path)得到的结果全为空：[ [], [], [] ]

解释：

• res.push(path) 等于把 path 的引用，追加到了数组里面。所以如果path被改变了，res里面的也会改变。
• res.push([…path]),这里等于把 path 的内容拿出来，重新构建了一个数组。然后追加。这里重点是切断了引用关系。相同的办法有深浅拷贝、concat、JSON.parse(JSON.stringify)

补充：

ES6之所以把这两个关键字设成一致的写法，是因为它们本质是一样，都是解构赋值。

扩展运算符（spread）用三个点号表示，功能是把数组或类数组对象展开成一系列用逗号隔开的值。即取出参数对象的所有可遍历属性，然后拷贝到当前对象之中。

let arr = ['b', 'c'];
['a', ...arr, 'd']
// ['a', 'b', 'c', 'd']

剩余运算符（rest）也是三个点号，不过其功能与扩展运算符恰好相反，把逗号隔开的值序列组合成一个数组。

//当函数参数个数不确定时，用 rest运算符
function f1(...args) {
  console.log(args); // [1,2,3]
}

f1(1,2,3);

当三个点(…)在等号右边，或者放在实参上，是扩展运算符

当三个点(…)在等号左边，或者放在形参上，为剩余运算符