js如何实现深拷贝

js如何实现深拷贝

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

深拷贝

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

简易处理

functiondeepClone(){returnJSON.parse(JSON.stringify(obj))}

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

复杂处理

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

functiondeepClone(obj){functionisClass(o){if(o===null)return"Null";if(o===undefined)return"Undefined";returnObject.prototype.toString.call(o).slice(8,-1);}varresult;varoClass=isClass(obj);if(oClass==="Object"){result={};}elseif(oClass==="Array"){result=[];}else{returnobj;}for(varkeyinobj){varcopy=obj[key];if(isClass(copy)=="Object"){result[key]=arguments.callee(copy);//递归调用}elseif(isClass(copy)=="Array"){result[key]=arguments.callee(copy);}else{result[key]=obj[key];}}returnresult;}

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

发布于 2022-03-13 23:42:01
分享
海报
48
上一篇:css命名的规则有哪些 下一篇:网页布局中CSS无效的原因有哪些

推荐阅读

忘记密码?

图形验证码