深拷贝的诸多方法

本文介绍了在JavaScript中处理特殊类型数据时如何进行深拷贝,包括使用JSON.stringify()与递归,以及Object.assign()的组合使用。同时提到了利用第三方库lodash的_.cloneDeep()函数进行深复制的示例。
摘要由CSDN通过智能技术生成
1、使用JSON方法
  • 适用于对象中不包含函数、日期对象、undefined、Infinity、正则表达式等特殊类型数据的情况
function deepClone(obj) {
  return JSON.parse(JSON.stringify(obj));
}
  • 存在循环引用问题
	const testObj1={
		arr:[],
		a:4
	};
	testObj1.sub=testObj1;
	testObj1.arr.push(testObj1)
	console.log(testObj1);
	const testObj2=JSON.parse(JSON.stringify(testObj1))

在这里插入图片描述

2、递归拷贝
function deepClone(obj, hash = new WeakMap()) {
  if (obj === null) return null; 
  if (typeof obj !== 'object') return obj;
  if (obj instanceof Date) return new Date(obj);
  if (obj instanceof RegExp) return new RegExp(obj);
  if (hash.has(obj)) return hash.get(obj); 

  let cloneObj = new obj.constructor();
  hash.set(obj, cloneObj);

  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      cloneObj[key] = deepClone(obj[key], hash);
    }
  }
  return cloneObj;
}
3、使用Object.assign()
  • Object.assign()通常用于浅拷贝,但结合使用可以实现深拷贝。需要注意的是,这种方法仅适用于对象中不包含特殊类型数据的情况
function deepClone(obj) {
  return Object.assign({}, obj);
}
}
3、使用第三方库
  • 在使用之前,我们可以用Console impoter这个浏览插件测试一下,确定好用之后咱再往项目里面用

在这里插入图片描述

  • 安装好插件之后直接在浏览器控制台测试
    在这里插入图片描述

const _ = require('lodash');

const original = { name: "Alice", age: 25, details: { height: 170, weight: 60 }, birth: new Date() };
const cloned = _.cloneDeep(original);
console.log(cloned);

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值