JavaScript深度复制一个包含嵌套对象的数组，数组&功能

Question

我有一个这样结构的数组，我正在尝试获取它的副本(以修改并用于React setState(((。在Python中，我可以使用copy.deepcopy((，但在JavaScript中找不到简单的方法。

notes=[
{
contents: "Hello World 1",
function: console.log,
children: [
{
contents: "Hello World A",
function: console.log,
children: []
},
]
},
{
contents: "Hello World 2",
function: console.log,
children: []
}
]

我在stackoverflow上找到了这篇文章和类似的解决方案，但它们都不适合我。https://medium.com/@Farzad_YZ/3-ways-to-clone-objects-in-javascript-f752d148054d两个解决方案只是一个肤浅的副本，JSON.parse不适用于函数。

我想要一个函数，可以深度复制任何包含嵌套JavaScript数据类型任意结构的数组或对象。

我宁愿不重新发明写一个复杂的递归函数来遍历和克隆所有东西，有什么现有的解决方案吗？

Answer 1

Edit-您可以使用下面的解决方案，也可以只导入Lodash并使用https://lodash.com/docs/#cloneDeep

---

我正在用我找到的解决方案回答我自己的问题。有人在我链接的文章的评论部分发布了这篇文章，它似乎起到了的作用

notes=[
{
contents: "Hello World 1",
function: console.log,
children: [
{
contents: "Hello World A",
function: console.log,
children: []
},
]
},
{
contents: "Hello World 2",
function: console.log,
children: []
}
]
function deepCopy(src) {
let target = Array.isArray(src) ? [] : {};
for (let key in src) {
let v = src[key];
if (v) {
if (typeof v === "object") {
target[key] = deepCopy(v);
} else {
target[key] = v;
}
} else {
target[key] = v;
}
}
return target;
}

Answer 2

如果找不到更好的答案，最短的方法

var note2 = JSON.parse(JSON.stringify(notes))

但它没有复制的功能

所以检查

function iterationCopy(src) {
let target = {};
for (let prop in src) {
if (src.hasOwnProperty(prop)) {
target[prop] = src[prop];
}
}
return target;
}
const source = {a:1, b:2, c:3};
const target = iterationCopy(source);
console.log(target); // {a:1, b:2, c:3}
// Check if clones it and not changing it
source.a = 'a';
console.log(source.a); // 'a'
console.log(target.a); // 1

和

function bestCopyEver(src) {
return Object.assign({}, src);
}
const source = {a:1, b:2, c:3};
const target = bestCopyEver(source);
console.log(target); // {a:1, b:2, c:3}
// Check if clones it and not changing it
source.a = 'a';
console.log(source.a); // 'a'
console.log(target.a); // 1

使用迭代进行深度复制

Answer 3

您应该使用for循环迭代它并判断项类型，当它是对象类型时，使用递归。功能类似：

function copy(obj1, obj2) {
var obj2=obj2||{}; 
for(var name in obj1) {
if(typeof obj1[name] === "object") { 
obj2[name]= (obj1[name].constructor===Array)?[]:{}; 
copy(obj1[name],obj2[name]);
} else {
obj2[name]=obj1[name]; 
}
}
return obj2; 
}