前端高频面试题目之-深克隆方法

1.基本数据类型赋值


2.数组与对象的赋值都叫做浅拷贝


3.解构赋值

针对一维数组和对象可以看作是深拷贝,多维的就是浅拷贝


4.JSON.parse(JSON.stringify(list)) 深拷贝,但是拷贝不了函数

//标准的深拷贝=>引用数据类型(数组,对象)
function deepClone(source){
	//[]=>Array(基类){}=>Object
	const targetObj=source.constructor === Array ? [] : {} ;
	for(let keys in source){
		if(source.hasOwnProperty(keys)){
			if(source[keys] && typeof source[keys] === 'object'){
				//维护层代码
				targetObj[keys]=source[keys].constructor==Array?[]:{};
				//递归
				targetObj[keys]=deepClone(source[keys])
			}else{
				//基本数据类型直接赋值
				targetObj[keys]=source[keys];
			}
		}
	}
	return targetObj
}

let objC={
	ff:"name",
	gg:1,
	obj:{str:'111',age:12},
	arr:[1,2,3,4],
	hello(){
	 console.log("world")
	}
}
let newObj=deepClone(objC);
newObj.ff="有钱不买收音机";
newObj.arr.push("就听老师吹牛逼")
console.log(objC,newObj)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值