js数组 copy

在JavaScript中，数组的复制是一个常见的操作，主要分为浅拷贝和深拷贝两种类型。

基础概念：

1. 浅拷贝：复制数组时，只复制数组的引用，而不是数组中的对象。这意味着，如果原数组中的元素是对象，修改复制后的数组中的对象，原数组中的对应对象也会发生变化。
2. 深拷贝：复制数组时，不仅复制数组本身，还复制数组中的所有对象。这样，复制后的数组与原数组完全独立，互不影响。

相关优势：

• 浅拷贝的优势在于复制速度快，内存占用少，适用于对性能要求较高的场景。
• 深拷贝的优势在于复制后的数组与原数组完全独立，可以避免因修改复制后的数组而影响原数组的问题。

类型：

• 浅拷贝：可以通过slice()、concat()、Array.from()等方法实现。
• 深拷贝：可以通过JSON.parse(JSON.stringify(array))、递归复制等方法实现。

应用场景：

• 当需要复制一个简单的数组，且数组中不包含对象时，可以使用浅拷贝。
• 当需要复制一个包含对象的数组，且希望复制后的数组与原数组完全独立时，应使用深拷贝。

常见问题及解决方法：

1. 修改复制后的数组影响原数组：这通常是因为使用了浅拷贝。解决方法是使用深拷贝来复制数组。
2. 复制后的数组中对象属性丢失或变为undefined：这可能是因为在复制过程中出现了错误。应检查复制代码，确保正确地复制了数组和其中的对象。

示例代码：

• 浅拷贝示例：

let arr1 = [1, 2, 3];
let arr2 = arr1.slice(); // 使用slice()方法进行浅拷贝
console.log(arr2); // 输出: [1, 2, 3]

• 深拷贝示例：

let arr1 = [{a: 1}, {b: 2}];
let arr2 = JSON.parse(JSON.stringify(arr1)); // 使用JSON方法进行深拷贝
console.log(arr2); // 输出: [{a: 1}, {b: 2}]

注意：虽然JSON.parse(JSON.stringify(array))可以实现深拷贝，但这种方法有其局限性，例如无法复制函数、RegExp对象、Date对象、undefined、Infinity、-Infinity、NaN和字符串中的函数等。对于这些情况，可能需要使用其他库（如lodash的_.cloneDeep方法）来实现深拷贝。