js对象数组 复制

在JavaScript中，对象数组的复制是一个常见的需求，尤其在处理数据时，我们经常需要创建数组的副本以避免直接修改原始数据。以下是关于JavaScript对象数组复制的一些基础概念、方法及其特点：

基础概念

对象数组：是一个数组，其元素都是对象。

深复制与浅复制：

• 浅复制：只复制对象的引用，不复制对象本身。这意味着，如果更改复制后的对象中的某个属性，原始对象中的相应属性也会发生变化。
• 深复制：完全复制对象及其所有嵌套的对象。复制后的对象与原始对象完全独立。

复制方法

1. 使用Array.prototype.slice()或Array.from()： 这两种方法都只能实现浅复制。

let originalArray = [{a: 1}, {b: 2}];
let shallowCopy = originalArray.slice();
// 或
let shallowCopyFrom = Array.from(originalArray);

1. 使用JSON方法： 可以通过JSON.parse()和JSON.stringify()实现深复制，但这种方法有其局限性，例如无法复制函数、RegExp对象等。

let originalArray = [{a: 1}, {b: 2}];
let deepCopy = JSON.parse(JSON.stringify(originalArray));

1. 使用递归函数： 可以编写一个递归函数来实现深复制，这种方法更为灵活，可以处理更复杂的数据结构。

function deepCopy(obj) {
    if (typeof obj !== 'object' || obj === null) {
        return obj;
    }

    let copy = Array.isArray(obj) ? [] : {};

    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            copy[key] = deepCopy(obj[key]);
        }
    }

    return copy;
}

let originalArray = [{a: 1}, {b: 2}];
let deepCopyArray = deepCopy(originalArray);

1. 使用第三方库： 例如lodash的_.cloneDeep()方法可以方便地实现深复制。

应用场景

• 当你需要在不修改原始数据的情况下操作数据时，可以使用复制。
• 在处理复杂的数据结构时，深复制可以确保数据的完全独立性。

可能遇到的问题及解决方法

• 引用问题：使用浅复制时，修改复制后的对象可能会影响到原始对象。解决方法是使用深复制。
• 循环引用：在处理具有循环引用的对象时，一些复制方法（如JSON方法）可能会失败。这时可以使用递归函数或第三方库来处理。
• 性能问题：深复制可能会消耗更多的内存和时间，特别是在处理大型数据结构时。需要根据实际情况选择合适的复制方法。