JS中的深拷贝和浅拷贝

浅拷贝和深拷贝的主要区别是深拷贝解决的是引用值的问题,如果要拷贝的是原始值,就可以直接使用浅拷贝;如果是引用值,浅拷贝只会拷贝引用值的地址,拷贝后和拷贝前使用的是同一块内存空间,缺点是你改我也改。

浅拷贝的实现

function clone(origin, target) {
	var target = target || {};
	for (var prop in origin) {
		target[prop] = origin[prop];
	}
	return target
}

深拷贝的实现

深拷贝是用递归的方式调用浅拷贝,针对数组和对象
思路:
首先需要判断拷贝的是原始值还是引用值,如果是原始值,就按照原来的方法拷贝;如果是引用值,判断是数组还是对象,如果是数组,就新建一个数组,如果是对象,就新建一个对象。

function deepClone(origin, target) {
	var target = target || {};
	for (var prop in origin) {
		// 如果是引用值,就分析是数组还是对象
		// 如果是数组,就新建一个数组,如果是对象,就新建一个对象
		if (typeof (origin[prop]) == 'object') {
			target[prop] = (origin[prop].constructor === Array ? [] : {});
			deepClone(origin[prop], target[prop])
		} else {
		// 原始值,按照原来的方法拷贝
		target[prop] = origin[prop];
		}
	}
	return target
}

其他方法:
1.可以通过 JSON.parse(JSON.stringify(object)) 来解决
2.可以使用lodash的深拷贝函数 _.cloneDeepWith(value, [customizer])
就不详细说明了,有兴趣可以自行了解哈~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值