如何在JavaScript中克隆对象数组?

…每个对象在同一个数组中也有对其他对象的引用?

当我第一次想到这个问题的时候，我就想到了

var clonedNodesArray = nodesArray.clone()

并搜索如何在JavaScript中克隆对象的信息。我确实在Stack Overflow上找到了一个问题(同样由@JohnResig回答)，他指出用jQuery你可以做到

var clonedNodesArray = jQuery.extend({}, nodesArray);

克隆对象。虽然我尝试了这个，但这只复制了数组中对象的引用。如果我

nodesArray[0].value = "red"
clonedNodesArray[0].value = "green"

nodesArray[0]和clonedNodesArray[0]的值将显示为“绿色”。然后我尝试了

var clonedNodesArray = jQuery.extend(true, {}, nodesArray);

它深度复制了一个对象，但我分别从Firebug和Opera Dragonfly得到了“太多递归”和“控制堆栈溢出”的消息。

你会怎么做?这是不应该做的事情吗?在JavaScript中是否有可重用的方法来做到这一点?

当前回答

person1 = {
    name: 'Naved',
    last: 'Khan',
    clothes: {
        jens: 5,
        shirts: 10
    }
};

person2 = {
    name: 'Naved',
    last: 'Khan'
};

// first way  shallow copy single lavel copy 
// const person3 = { ...person1 };

// secound way shallow copy single lavel copy
// const person3 = Object.assign({}, person1);

// third  way shallow copy single lavel copy but old 
// const person3 = {};
// for (let key in person1) {
//  person3[key] = person1[key];
// }

// deep copy with array and object best way
const person3 = JSON.parse(JSON.stringify(person1));

    person3.clothes.jens = 20;

console.log(person1);
console.log(person2);
console.log(person3);

2019-12-11 18:31:12

其他回答

此方法非常简单，您可以在不修改原始数组的情况下修改克隆。

//原始数组让数组=[{名称:“拉斐尔”},{名称:' Matheus '}); //克隆阵列让clone = array。Map (a => {return{…a}}) //编辑克隆数组克隆[1].name = 'Carlos'; console.log(数组,数组) // [{name: 'Rafael'}， {name: 'Matheus'}] console.log(克隆,克隆) // [{name: 'Rafael'}， {name: 'Carlos'}]

2017-05-04 03:55:48

jQuery:

var target = [];
$.each(source, function() {target.push($.extend({}, this));});

2012-04-02 23:29:22

如果您想实现深度克隆，请使用JSON.parse(JSON. parse)。Stringify(你的{}或[])):

const myObj ={ 答：1，乙： 2，乙： 3 } const deepClone = JSON.parse（JSON.stringify（myObj））; 深度克隆 = 12; console.log（“deepClone-----”+myObj.a）; const withOutDeepClone = myObj; 没有OutDeepClone.a = 12; console.log（“withOutDeepClone----” + myObj.a）;

2020-03-04 10:56:17

如何使用一个简单的递归函数来获得对象/数组的深层副本

const deepCopyFunction = (inObject) => { const deepCopyObject = Array.isArray(inObject) ?[]: {}; for (inObject中的const键){ if (typeof inObject[key] === 'object') { deepCopyFunction (inObject(例子)); ｝ deepCopyObject[key] = inObject[key]; ｝返回deepCopyObject; ｝

2022-07-12 13:23:13

我之所以回答这个问题，是因为似乎没有一个简单而明确的解决方案来解决“在JavaScript中克隆对象数组”的问题:

function deepCopy (arr) {
    var out = [];
    for (var i = 0, len = arr.length; i < len; i++) {
        var item = arr[i];
        var obj = {};
        for (var k in item) {
            obj[k] = item[k];
        }
        out.push(obj);
    }
    return out;
}

// test case

var original = [
    {'a' : 1},
    {'b' : 2}
    ];

var copy = deepCopy(original);

// change value in copy
copy[0]['a'] = 'not 1';

// original[0]['a'] still equals 1

该解决方案迭代数组值，迭代对象键，将后者保存到一个新对象，并将该新对象推入到一个新数组。

看到jsfiddle。注意:简单的.slice()或[].concat()对于数组中的对象是不够的。

2013-12-30 23:59:30

如何在JavaScript中克隆对象数组?

推荐文章

最新文章

标签