浅拷贝,深拷贝(实现方式)

浅拷贝和深拷贝都只针对于引用数据类型,浅拷贝只复制指向某个对象的指针,而不复制对象本身,新
旧对象还是共享同一块内存;但深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,
修改新对象不会改到原对象;

区别:浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制;

实现浅拷贝方法

Object.assign方法

var obj = { a: 1, b: 2 }
var obj1 = Object.assign({},obj); 
boj1.a = 3; console.log(obj.a) // 3

for in方法

// 只复制第一层的浅拷贝
function simpleCopy(obj1) {
	 var obj2 = Array.isArray(obj1) ? [] : {}; 
	 for (let i in obj1) {
	 	 obj2[i] = obj1[i];
	 }
	 return obj2; 
}
var obj1 = { a: 1, b: 2, c: { d: 3 } }
var obj2 = simpleCopy(obj1); 
obj2.a = 3; 
obj2.c.d = 4;
alert(obj1.a); // 1 
alert(obj2.a); // 3 
alert(obj1.c.d); // 4 
alert(obj2.c.d); // 4

实现深拷贝方法

采用递归去拷贝所有层级属性

function deepClone(obj){ 
	let objClone = Array.isArray(obj)?[]:{}; 
	if(obj && typeof obj==="object"){ 
		for(key in obj){ 
			if(obj.hasOwnProperty(key)){ 
				//判断ojb子元素是否为对象,如果是,递归复制 		
				if(obj[key]&&typeof obj[key] ==="object"){ 
					objClone[key] = deepClone(obj[key]); 
				}else{//如果不是,简单复制 
					objClone[key] = obj[key]; 
				} 
			} 
		} 
	}
	return objClone; 
}
let a=[1,2,3,4], b=deepClone(a); 
a[0]=2; 
console.log(a,b);

使用JSON.stringify和JSON.parse实现深拷贝:JSON.stringify把对象转成字符串,再用JSON.parse把字符串转成新的对象;

function deepCopy(obj1){
	 let _obj = JSON.stringify(obj1); 
	 let obj2 = JSON.parse(_obj); 
	 return obj2; 
} 
var a = [1, [1, 2], 3, 4]; 
var b = deepCopy(a); 
b[1][0] = 2; 
alert(a); // 1,1,2,3,4 
alert(b); // 2,2,2,3,4

热门的函数库lodash,也有提供_.cloneDeep用来做深拷贝;

var _ = require('lodash'); 
var obj1 = { a: 1, b: { f: { g: 1 } }, 
c: [1, 2, 3] };
var obj2 = _.cloneDeep(obj1); 
console.log(obj1.b.f === obj2.b.f); // false
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值