如何复制对象数组的数组，并能够操纵复制的数组而不影响原始数组

Question

这是我的数据集：

dfg= [[{"key":"Product_Description","value":"$49.95 Plan"},{"key":">20MB/30","value":44555},{"key":">200MB/30","value":36599},{"key":">2048MB/30","value":16173},{"key":">5120MB/30","value":6380},{"key":">10240MB/30","value":2178}],[{"key":"Product_Description","value":"$39.95 Plan"},{"key":">20MB/30","value":54832},{"key":">200MB/30","value":42988},{"key":">2048MB/30","value":14826},{"key":">5120MB/30","value":4742},{"key":">10240MB/30","value":1567}]]

我想通过此函数传递它，以便将上面的值更改为“Product Description”总值的百分比

//funtion to format data for percent values 
function format_data_to_percent(d){

var data = d
data.map(function(a){ 
    var sum = a.slice(1).map(function(a){ return a.value; }).reduce(function(a,b){return a*1+b*1},0); 
    //console.log("sum",sum); 

    a.slice(1).filter(function(a){
        //console.log(a)
        a.value=a.value/sum
        //console.log(a)
    }); 

    return a;
})


//START TEST 
// create a test case for it // make this better
vals=data_p[0].slice(1).map(function(a){ return a.value; })
//["11", "33", "10", "55", "10"]
sum = data_p[0].slice(1).map(function(a){ return a.value; }).reduce(function(a, b){return a*1+b*1},0);
//119
vals2=vals.map(function(a){ return a/sum})
//[0.09243697478991597, 0.2773109243697479, 0.08403361344537816, 0.46218487394957986, 0.08403361344537816]


console.log("test1--> ",data[0][1].value == vals2[0])
console.log("test2--> ",data[0][2].value == vals2[1])
console.log("test3--> ",data[0][3].value == vals2[2])
console.log("test4--> ",data[0][4].value == vals2[3])
console.log("test5--> ",data[0][5].value == vals2[4])
//END TEST 

    return data
}

dfg2=format_data_to_percent(dfg) //format my dataset 

这就是我得到的我想要的

[[{"key":"Product_Description","value":"$49.95 Plan"},{"key":">20MB/30","value":0.42078670255465833},{"key":">200MB/30","value":0.345648581007697},{"key":">2048MB/30","value":0.15274118147046323},{"key":">5120MB/30","value":0.06025404920432545},{"key":">10240MB/30","value":0.02056948576285593}],[{"key":"Product_Description","value":"$39.95 Plan"},{"key":">20MB/30","value":0.4609474170904964},{"key":">200MB/30","value":0.3613803539153461},{"key":">2048MB/30","value":0.12463536631499307},{"key":">5120MB/30","value":0.03986381404732882},{"key":">10240MB/30","value":0.013173048631835568}]]

但是dfg也等于df2，我希望dfg保持和数字一样，dfg2有百分比。

我正在做的不是最佳实践。我理解，虽然不像我希望的那样完整，但数组中的对象都是相同的引用。但有并没有一种方法可以用数值实现dfg，用百分比值实现dfg2？

我是通过这个来的，这个通过切片原始阵列来复制阵列。我已经试过了，但在我的例子中不起作用，可能在那个例子中并没有对象，而我的数组中有对象。

edit1可能重复这里，但这是更多的java。这也许就是我想要的

直接分配数组时，它是javascript中的引用分配。这意味着任何变化都将反映在这两个方面。要复制数组，需要调用数组。切片（）。

注意：这仍然是一个多维数组的赋值，所以你需要写一些递归的东西来复制一个有多个维度的数组（在任何元素，例如[1,2，['一些'，'内部'，'数组']，3]）

tks to anser如下：仅供参考，这里是我的浏览器的完整日志

dfg
[[Object { key="Product_Description",  value="$100.83 Business Select Plan excl GST"}, Object { key=">20MB/30",  value=1480}, Object { key=">200MB/30",  value=1234}, 3 more...], [Object { key="Product_Description",  value="$119.95 Business Share Everything Plan"}, Object { key=">20MB/30",  value=66}, Object { key=">200MB/30",  value=57}, 3 more...]]
var arr2 = []
undefined
arr2.push(JSON.parse(JSON.stringify(dfg[0])))
1
arr2.push(JSON.parse(JSON.stringify(dfg[1])))
2
arr2
[[Object { key="Product_Description",  value="$100.83 Business Select Plan excl GST"}, Object { key=">20MB/30",  value=1480}, Object { key=">200MB/30",  value=1234}, 3 more...], [Object { key="Product_Description",  value="$119.95 Business Share Everything Plan"}, Object { key=">20MB/30",  value=66}, Object { key=">200MB/30",  value=57}, 3 more...]]
//funtion to format data for percent values  func...alue == vals2[4])   //END TEST              return data }
undefined
var arr3 = format_data_to_percent(arr2)
test1--> true
test2--> true
test3--> true
test4--> true
test5--> true
undefined
arr3
[[Object { key="Product_Description",  value="$100.83 Business Select Plan excl GST"}, Object { key=">20MB/30",  value=0.37336024217961655}, Object { key=">200MB/30",  value=0.3113017154389506}, 3 more...], [Object { key="Product_Description",  value="$119.95 Business Share Everything Plan"}, Object { key=">20MB/30",  value=0.3815028901734104}, Object { key=">200MB/30",  value=0.32947976878612717}, 3 more...]]
dfg
[[Object { key="Product_Description",  value="$100.83 Business Select Plan excl GST"}, Object { key=">20MB/30",  value=1480}, Object { key=">200MB/30",  value=1234}, 3 more...], [Object { key="Product_Description",  value="$119.95 Business Share Everything Plan"}, Object { key=">20MB/30",  value=66}, Object { key=">200MB/30",  value=57}, 3 more...]]

Answer 1

可以克隆阵列的对象。

例如：

var arr = [{'one': 1}, {'two': 2}];

var arr2 = [];

arr2.push(JSON.parse(JSON.stringify(arr[0])));

arr2现在将使用JSON拥有arr[0]的独立副本。解析w/JSON。严格化。可以使用for循环、for each或map复制原始数组中的所有对象。

Answer 2

克隆阵列？这样，您将获得原始数组的副本，而不是原始数组的引用数组。

如果您使用的是jquery，那么就可以使用。延伸

var array_1 = [{},{},{}];

var array_2 = $.extend({}, true, array_1); // deep clone 

或者你可以使用一些新的JavaScript。虽然这只执行浅拷贝，因此可能不适合您的用例，但我使用的是移动应用程序，因此无法使用您的代码。。

var array_2 = Object.assign({}, array_1);