深拷贝的方法

  1. JSON.parse(JSON.stringify(obj))
  2. 递归拷贝
function checkType(value) {
   return Object.prototype.toString.call(value).slice(8, -1);
}

function deepClone(obj) {
   // 如果传入的数据是简单类型 不是{}& [] 直接返回
   if (typeof obj !== "object") {
      return obj
   }
   // 判断传入的参数的数据类型(object or array)
   let targetType = checkType(obj);
   // 根据传入参数的数据类型,创建初始储存结果的变量{} or []
   let result = targetType === "Object" ? {} : [];
   // 遍历 sourceValue (for...in可以遍历数据和对象)
   // 避免数组内有自定义属性,遍历数组使用for...of,遍历对象 for...in
   if (targetType === "Array") {
   // 传入参数是数组时,次数使用的是for...of遍历,当然也可以使用数组的其他遍历方法
   	  for (const [key, value] of obj.entries()) {
   	      let itemType = checkType(value)
   	      if (itemType === "Object" || itemType === "Array") {
   			 result[key] = deepClone(value)
   		  } else {
   			 // 如果value 是基本数据类型或函数 直接赋值即可
   			 result[key] = value;
   		  }
   		}
   	} else {
   	  // 传入参数是对象时
   	  for (const key in obj) {
   		   // hasOwnProperty 只能检验对象自身的属性,不能检验继承属性,也不能检验原型链上的属性
   			if (obj.hasOwnProperty(key)) {
   				const item = obj[key];
   				let itemType = checkType(item);
   				// 如果value 是数组或对象,则继续遍历
   				if (itemType === "Object" || itemType === "Array") {
   					result[key] = deepClone(item)
   				}else{
   					// 如果value 是基本数据类型或者函数,直接赋值即可
   					result[key] = item;
   				}
   			}
       	}
   	}
   	return result
}
let obj = {
   	a: 1,
   	b: [1, 23, 45, {
   	            d: '你好',
   				e: null,
   				f: undefined
   			}],
   	c: {
   		d: '你好',
   		e: null,
   		f: undefined
   	},
   	h(){
   		console.log('你好')
   	}
}
let newobj = deepClone(obj)
console.log(newobj)
newobj.h()
  1. Object.assign(newobj,obj)
  2. let cloneObj = {…obj}
  3. let cloneArr = oldArr.slice(0)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值