js 拷贝数组

在JavaScript中，数组是一种非常常见的数据结构，用于存储多个值，有时，我们需要创建数组的副本，而不是引用原始数组，这样做的原因可能是为了避免修改原始数组，或者在不同的上下文中使用相同的数组数据，在本文中，我们将介绍几种在JavaScript中拷贝数组的方法。

1、使用slice()方法

slice()方法可以返回一个新的数组对象，这个新数组包含原数组的一部分元素，如果我们不传递任何参数给slice()方法，它将返回原数组的一个浅拷贝。

const originalArray = [1, 2, 3, 4, 5];
const copiedArray = originalArray.slice();
console.log(copiedArray); // 输出： [1, 2, 3, 4, 5]

2、使用concat()方法

concat()方法用于合并两个或多个数组，我们可以利用这个方法来创建一个新的数组，这个新数组是原数组的副本。

const originalArray = [1, 2, 3, 4, 5];
const copiedArray = [].concat(originalArray);
console.log(copiedArray); // 输出： [1, 2, 3, 4, 5]

3、使用Array.from()方法

Array.from()方法用于将一个类数组（或者可遍历/可迭代的对象）转换成一个新的数组实例。

const originalArray = [1, 2, 3, 4, 5];
const copiedArray = Array.from(originalArray);
console.log(copiedArray); // 输出： [1, 2, 3, 4, 5]

4、使用扩展运算符（...）

扩展运算符（...）可以将一个数组（或者其他可迭代对象）展开为用逗号分隔的元素序列，我们可以利用这个特性来创建一个新的数组，这个新数组是原数组的副本。

const originalArray = [1, 2, 3, 4, 5];
const copiedArray = [...originalArray];
console.log(copiedArray); // 输出： [1, 2, 3, 4, 5]

5、使用map()方法

map()方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果，我们可以利用这个方法来创建一个新的数组，这个新数组是原数组的副本。

const originalArray = [1, 2, 3, 4, 5];
const copiedArray = originalArray.map(x => x);
console.log(copiedArray); // 输出： [1, 2, 3, 4, 5]

6、使用for循环

我们还可以使用for循环来创建一个新的数组，这个新数组是原数组的副本，这种方法虽然看起来有些繁琐，但是它是最基本、最通用的方法。

const originalArray = [1, 2, 3, 4, 5];
const copiedArray = [];
for (let i = 0; i < originalArray.length; i++) {
  copiedArray[i] = originalArray[i];
}
console.log(copiedArray); // 输出： [1, 2, 3, 4, 5]

以上就是在JavaScript中拷贝数组的几种常见方法，需要注意的是，这些方法都是浅拷贝，也就是说，如果原数组中的元素是对象或者数组，那么拷贝的是引用，而不是值，如果需要深拷贝，可以使用其他方法，如JSON.parse(JSON.stringify(array))，但这种方法有其局限性，例如不能处理循环引用、函数等，在实际开发中，可以根据需求选择合适的方法来拷贝数组。