javascript - 如何克隆 Javascript 对象数组？

Question

我有一个结果集，它是一个对象数组。我需要克隆它，以便在不触及原始数据的情况下对其进行更改。

var data = w2ui.grid.records,
exclude = Array('recid', 'w2ui'); // Exclude these data points from the pivot
// Modify our tempData records to remove HTML
$.each(data, function(key, value) {
    $.each(value, function(_key, _value) {
        if(jQuery.inArray(_key, exclude) != -1) {
            delete data[key][_key];
        }else{
            data[key][_key] = $('<div>'+_value+'</div>').text(); // <div></div> for those which are simply strings.
        }
    });
});

在这个例子中，我创建了一个名为 data 的变量，并将其设置为我的“源数据”。

我希望能够更改这个新的数据变量，但似乎在更改它时，源数据正在更改 (w2ui.grid.records)。

有没有合适的方法来克隆这个集合，以便我可以有一个新的数据实例来修改？

Answer 1

编辑

深度克隆使用 JSON.parse(JSON.stringify(arr));

浅克隆使用slice(0);

var arr = [{'obj1':1}, {'obj2':2}];
var clone = arr.slice(0);
console.log(clone);

var arr = [{'obj1':1}, {'obj2':2}]
var clone = JSON.parse(JSON.stringify(arr));
console.log(clone);