当拷贝一个数组的时候，不能简单地将旧数组分配给一个新变量，如果这样做，它们将共享相同的引用，并且在更改一个变量之后，另一个变量也将受到更改的影响。下文将分享12个拷贝数组的技巧。
技巧 1 .Array.slice方法
const arr = [1, 2, 3, 4, 5]
const copy = arr.slice()
copy.push(6) // 添加新项以证明不会修改原始数组
console.log(copy)
console.log(arr)
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 2 .Array.map方法
const arr = [1, 2, 3, 4, 5]
const copy = arr.map( num => num )
copy.push(6) // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
arr.filter()方法同理
技巧 3 .Array.from方法
const arr = [1, 2, 3, 4, 5];
const copy = Array.from(new Set(arr));
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
注意set（）方法有去重的效果，如果数组中有重复的数据得到的得到的新数组将会是去重后的数组
技巧 4 .展开操作符
const arr = [1, 2, 3, 4, 5];
const copy = [...arr];
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 5 . Array.of 方法和展开操作符
const arr = [1, 2, 3, 4, 5];
const copy = Array.of(...arr);
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 6 . Array 构造函数和展开操作符
const arr = [1, 2, 3, 4, 5];
const copy = new Array(...arr);
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 7 .解构
const arr = [1, 2, 3, 4, 5];
const [...copy] = arr;
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 8 . Array.concat 方法
const arr = [1, 2, 3, 4, 5];
const copy = arr.concat();
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 9 . Array.push 方法和展开操作符
const arr = [1, 2, 3, 4, 5];
let copy = [];
copy.push(...arr);
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 10 . Array.unshift 方法和展开操作符
const arr = [1, 2, 3, 4, 5];
let copy = [];
copy.unshift(...arr);
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 11 . Array.forEach 方法和展开操作符
const arr = [1, 2, 3, 4, 5];
let copy = [];
arr.forEach((value) => copy.push(value));
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
技巧 12 . for 循环
const arr = [1, 2, 3, 4, 5];
let copy = [];
for (let i = 0; i < arr.length; i++) {
copy.push(arr[i]);
}
copy.push(6); // 添加新项以证明不会修改原始数组
console.log(copy);
console.log(arr);
// 输出
// [1, 2, 3, 4, 5, 6]
// [1, 2, 3, 4, 5]
