浅克隆与深克隆的区别?

1.浅克隆:只复制一层对象的属性
let arr = ['a','b','c']
方法:
a.let newArr = arr
b.let list = object.assign(arr)
c.let newList = newArr.concat()
console.log(newArr,list,newList)//结果都是['a','b','c']
2.深克隆:本质上是创造一个一样的对象,但是两个对象的引用地址完全不同,也就是一个对象的改变,不会影响到另一个对象
let arr = ['a','b','c']
方法:
let list = JSON.parse(JSON.stringify(arr))
list.push('d')
console.log(arr,list)//['a','b','c']  ['a','b','c','d']
JSON.parse(JSON.stringify())这个方法的弊端,

a.若有时间对象会变成字符串;b.若有函数,正则会得到空对象

c.若有函数,undefined会把函数,undefined丢失

d.若有NaN会变成null    e.若对象中存在循环引用也无法正确拷贝
深拷贝的方法:
function checkType(target){
	return Object.prototype.toString.call(target).slice(8,-1)
}
function clone(target){
	let result,targetType = checkType(target)
	if(targetType === 'Object'){
		result = {}
	}else if(targetType === 'Array'){
		result = []
	}else{
		return target
	}
	for(let i in target){
		var value = target[i]
		if(checkType[value] === 'Object' || checkType[value] === 'Array'){
			result[i] = clone(value)
		}else{
			result[i] = value
		}
	}
	return result
}
 let arr = [1, 2, { name: "lily" }]
 let res = clone(arr)
 res.push({ sex: 'nan' })
 console.log(res)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值