JS浅拷贝和深拷贝原理与实现方法分析
本文实例讲述了JS浅拷贝和深拷贝原理与实现方法。分享给大家供大家参考，具体如下：
浅拷贝只会拷贝一层，深层的引用类型改变还是会受到影响。
深拷贝是所有内部的属性还有值都被拷贝了一份，不管深层的引用类型怎么改都不会受到影响。
浅拷贝的实现方式
1、自定义函数
functionshallowClone(initalObj){
varobj={};
for(variininitalObj){
obj[i]=initalObj[i];
}
returnobj;
}
2、ES6的Object.assign()
letnewObj=Object.assign({},obj);
3、ES6的对象扩展
letnewObj={...obj};
深拷贝的实现方式
1、JSON.stringify和JSON.parse
用JSON.stringify把对象转换成字符串，再用JSON.parse把字符串转换成新的对象。
可以转成JSON格式的对象才能使用这种方法，如果对象中包含function或RegExp这些就不能用这种方法了。
letnewObj=JSON.parse(JSON.stringify(obj));
2、jquery和zepto
jquery和zepto里的$.extend方法可以用作深拷贝。
var$=require('jquery');
varnewObj=$.extend(true,{},obj);
3、lodash
用lodash函数库提供的_.cloneDeep方法实现深拷贝。
var_=require('lodash');
varnewObj=_.cloneDeep(obj);
4.自己封装
deepClone=(obj)=>{
letobjClone=Array.isArray(obj)?[]:{};
if(obj&&typeofobj==="object"){
//for...in会把继承的属性一起遍历
for(letkeyinobj){
//判断是不是自有属性，而不是继承属性
if(obj.hasOwnProperty(key)){
//判断ojb子元素是否为对象或数组，如果是，递归复制
if(obj[key]&&typeofobj[key]==="object"){
objClone[key]=this.deepClone(obj[key]);
}else{
//如果不是，简单复制
objClone[key]=obj[key];
}
}
}
}
returnobjClone;
}
参考：https://www.nhooo.com/article/99013.htm
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。