js如何实现深拷贝

发布时间:2022-03-11 15:24:21 作者:小新
来源:亿速云 阅读:160

这篇文章给大家分享的是有关js如何实现深拷贝的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

深拷贝

使用变量 a 拷贝对象 b,改变 a 中的值 b 中的值也会跟着改变,这叫做浅拷贝。要想让 a 独立于 b 就需要深拷贝

简易处理

function deepClone() {
 return JSON.parse(JSON.stringify(obj))
}

既然是建议处理就有他的不足,上面主要是用了 JSON 的序列化和反序列化。而 JSON 是不支持函数和 undefined 的因此碰到这些情况会缺失,但是已经能够满足大部分情况了

复杂处理

复杂处理就需要采用递归的方式了

function deepClone(obj) { 
 function isClass(o) { 
 if (o === null) return "Null"; 
 if (o === undefined) return "Undefined"; 
 return Object.prototype.toString.call(o).slice(8, -1); 
 } 
 var result; 
 var oClass = isClass(obj); 
 if (oClass === "Object") { 
 result = {}; 
 } else if (oClass === "Array") {
 result = []; 
 } else { 
 return obj; 
 } 
 for (var key in obj) { 
 var copy = obj[key]; 
 if (isClass(copy) == "Object") { 
 result[key] = arguments.callee(copy);//递归调用 
 } else if (isClass(copy) == "Array") { 
 result[key] = arguments.callee(copy); 
 } else { 
 result[key] = obj[key]; 
 } 
 } 
 return result;
}

感谢各位的阅读!关于“js如何实现深拷贝”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. JS中如何实现深拷贝
  2. JS中实现浅拷贝和深拷贝

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js

上一篇:网页布局中CSS无效的原因有哪些

下一篇:css命名的规则有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》