深拷贝

最新推荐文章于 2025-08-12 16:19:53 发布

转载最新推荐文章于 2025-08-12 16:19:53 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/youngMe/p/11097040.html

文章标签：

#json

本文深入探讨了在JavaScript中实现深拷贝的两种方法：使用递归函数和JSON对象的stringify与parse方法。通过具体代码示例，展示了如何避免原始数据被修改，确保数据独立性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.递归

var data = [1, 2, 3]
var data2={"x":11,"y":22}

var deepcopy = function(obj) {
const t = typeof obj
let o = Array.isArray(obj) ? [] : {}
if(t === "object") {
for(let i in obj) {
o[i] = deepcopy(obj[i])
}
}else{
return obj
}
return o;
}

var copyData = deepcopy(data)
copyData[0] = 4
var copyData2 = deepcopy(data2)
copyData2.x = 4
console.log(data) //[1,2,3]
console.log(copyData) //[4,2,3]
console.log(data2) //{"x":11,"y":22}
console.log(copyData2) //{"x":4,"y":22}

2.JSON对象的stringify和parse

var deepcopy2 =function(obj){
var str,reObj = Array.isArray(obj)?[]:{}
if(window.JSON){
str = JSON.stringify(obj);
reObj =JSON.parse(str);
}
return reObj
}

var copyData = deepcopy2(data)
copyData[0] = 4
var copyData2 = deepcopy2(data2)
copyData2.x = 4
console.log(data) //[1,2,3]
console.log(copyData) //[4,2,3]
console.log(data2) //{"x":11,"y":22}
console.log(copyData2) //{"x":4,"y":22}