ES6 数组扩展遇到的坑

195 阅读1分钟

扩展运算符(...)。主要用在函数调用

将一个数组转为用逗号分隔的参数序列。

console.log(...[1, 2, 3])
//1 2 3
console.log(1, ...[2, 3, 4],...[6,8,9,10,], 5)
//1 2 3 4 6 8 9 10 5

扩展运算符与正常的函数参数可以结合使用,非常灵活。

function f(v, w, x, y, z) { }
const args = [0, 1];
f(-1, ...args, 2, ...[3]);

如何正确克隆一个数组

const a= [1,2]
const b= a

这样算是复制一个数组吗? 遇到这个例子,让我有了新的认识

const a1 = [1, 2];
const a2 = a1;

a2[0] = 2;
console.log(a1)
在没实践前,本以为答案因该是这样的 //[1,2]
a1 // [2, 2]

const b = a 只是复制了指向底层数据结构的指针,而不是克隆一个全新的数组。 正确写法

const a1 = [1, 2];
// 写法一
const a2 = [...a1];
// 写法二
const [...a2] = a1;