深拷贝的方法

一、为什么要使用深拷贝

我们希望在改变新的数组(对象)的时候,不改变原来的数组(对象)
深拷贝不会拷贝引用类型的引用,而是将引用类型的值全部拷贝一份,形成一个新的引用类型,这样就不会发生引用错乱的问题,使得我们可以多次使用同样的数据,而不用担心数据之间会起冲突。

二、深拷贝的四种方法

1、使用JSON.stringify()以及JSON.parse()

var obj1 = {
	a: 1,
    b: 2,
    c: 3
}
var objString = JSON.stringify(obj1); //将对象转换为json字符串形式
var obj2 = JSON.parse(objString);  //将转换而来的字符串转换为原生js对象
obj2.a = 5;
console.log(obj1.a);  // 1
console.log(obj2.a); // 5

注意:使用JSON.stringify()以及JSON.parse()它是不可以拷贝 undefined , function, RegExp 等等类型的

2、通过for in实现

function deepCopy1(obj) {
	let o = {}
	for (let key in obj) {
		o[key] = obj[key]
	}
	return o
}

let obj = {
	a: 1,
	b: undefined,
	c: function() {},
}

console.log(deepCopy1(obj))

3、递归

function deepClone1(obj) {
	//判断要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝
	var objClone = Array.isArray(obj) ? [] : {};
	//进行深拷贝的不能为空,并且是对象或者是
	if(obj && typeof obj === "object") {
		for(key in obj) {
			if(obj.hasOwnProperty(key)) {
				if(obj[key] && typeof obj[key] === "object") {
					objClone[key] = deepClone1(obj[key]);
				} else {
					objClone[key] = obj[key];
				}
			}
		}
	}
	return objClone;
}

hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性,但是不会去查找它的原型链。

4、concat(数组的深拷贝)

使用concat合并数组,会返回一个新的数组。
对象是一个引用数据类型 普通的复制是一个浅拷贝
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值