push(array)和push([...array])、res.push(Array.from(path))的区别和联系

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

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)
**res.push(Array.from(path))**可以将类数组对象转化为数组，res.push([…path])不能将具有iterator的类数组对象转换成数组，会报错
比如：

let obj = {'0': 1,'1': 2,'2': 3,length: 3}
let arr = Array.from(obj)
console.log(arr)
let arr1= [...obj]//报错！
console.log(arr1)

在递归回溯题目中，经常使用res.push([…path])，主要目的是深拷贝，不然回溯的过程中，path.pop()会改变path里面的值，这样result里面的值也会被改变，因为如果使用res.push(path)就是浅拷贝，一个改变另一个也改变，比如：

let result = []
let path = []
var combine = function (n, k) { result = []backtracking(1)return resultfunction backtracking(startIndex){if(path.length === k){result.push([...path])//深拷贝的作用return}for(let i = startIndex;i <= n;i ++){path.push(i)backtracking(i + 1)path.pop()}} }

补充：
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);

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