如何在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中是否有可重用的方法来做到这一点?

当前回答

$.evalJSON($.toJSON(origArray));

2010-08-04 20:00:42

其他回答

最简洁的浅拷贝解决方案:

array = array.map(obj => {
    return { ...obj };
});

这将生成[{a: 1}， {b: 2}]等内容的完全独立副本，而不是[{a: {b: 2}}， {b: {a: 1}}]。

2021-10-07 20:49:26

jQuery:

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

2012-04-02 23:29:22

我们可以发明一个简单的递归数组方法来克隆多维数组。虽然嵌套数组中的对象保持对源数组中相应对象的引用，但数组不会。

Array.prototype.clone = function(){ 返回。map(e => Array.isArray(e) ?e.clone(): e); }; var arr =[1、2、3、4(1、2(1、2、3),4、5],6], BRR = arr.clone(); Brr [4][2][1] = " 2 "; console.log (JSON.stringify (arr)); console.log (JSON.stringify (brr));

2016-06-16 12:55:42

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

//原始数组让数组=[{名称:“拉斐尔”},{名称:' 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

我想我们可以做到->

let a = [{name: "mike"}, {name: "ron"}];
let copy_a = [...a];

2023-02-02 11:22:00

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

推荐文章

最新文章

标签