javascript深拷贝和浅拷贝以及实现方法(推荐)
【摘要】
深拷贝和浅拷贝的区别？
浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用。
深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”。
为什么要用深拷贝？
我们希望在改变新的数组（对象）的时候，不改变原数组（对象）
一般是针对Arra...
深拷贝和浅拷贝的区别？
浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用。
深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”。
为什么要用深拷贝？
我们希望在改变新的数组（对象）的时候，不改变原数组（对象）
一般是针对Array和Object类型数据的复制
对象深拷贝方法
1.JSON的方式实现
-
function deepClone(obj) {
-
let _obj = JSON.stringify(obj);
-
return JSON.parse(_obj);
-
}
2.递归的方式实现深拷贝---推荐
-
function deepClone(obj){
-
let objClone = Array.isArray(obj) ? [] : {};
-
if (obj && typeof obj === 'object') {
-
for(let key in obj){
-
if (obj[key] && typeof obj[key] === 'object'){
-
objClone[key] = deepClone(obj[key]);
-
}else{
-
objClone[key] = obj[key]
-
}
-
}
-
}
-
return objClone;
-
}
3.通过Object.assign()拷贝---不推荐
-
function deepClone(obj){
-
if(obj instanceof Object){
-
return Object.assign({},obj);
-
}else{
-
return obj;
-
}
-
}
注意：Object.assign()并非真正意义上的深拷贝，因为如果被拷贝的对象层数超过1层，那么就无 法通过Object.assign()深拷贝，如下图
数组深拷贝方法
1.concat(arr1, arr2,....)
-
function deepClone(arr){
-
if(arr instanceof Array){
-
return [].concat(arr);
-
}else{
-
return arr;
-
}
-
}
2.slice(idx1, idx2)
参数可以省略
-
function deepClone(arr){
-
if(arr instanceof Array){
-
return arr.slice();
-
}else{
-
return arr;
-
}
-
}
3.JSON的方式实现
-
function deepClone(arr) {
-
let _arr = JSON.stringify(arr),
-
return JSON.parse(_arr);
-
}
无论是对象还是数组，想必大家应该大部分用的都是JSON.parse(JSON.stringify(data))吧，虽有弊端，但不影响大部分使用😂。
多维数组深拷贝
-
function deepcopy(arr) {
-
var out = [],i = 0,len = arr.length;
-
for (; i < len; i++) {
-
if (arr[i] instanceof Array){
-
out[i] = deepcopy(arr[i]);
-
}
-
else out[i] = arr[i];
-
}
-
return out;
-
}
文章来源: root181.blog.csdn.net，作者：前端纸飞机，版权归原作者所有，如需转载，请联系作者。
原文链接：root181.blog.csdn.net/article/details/118584594
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：cloudbbs@huaweicloud.com进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。
- 点赞
- 收藏
- 关注作者
评论（0）