js 深拷贝实现怎么操作

深拷贝（Deep Copy）是指创建一个新的对象，并且这个对象的属性值与原对象的属性值完全相同，但它们指向不同的内存地址，在JavaScript中，我们可以使用多种方法实现深拷贝，如递归、JSON.stringify()和JSON.parse()等，下面将详细介绍这些方法。

（图片来源网络，侵删）

1、递归实现深拷贝

递归是一种常用的实现深拷贝的方法，通过遍历对象的属性，如果属性值是基本类型（如字符串、数字等），则直接赋值；如果属性值是引用类型（如对象、数组等），则递归调用深拷贝函数。

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  let clone = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      clone[key] = deepClone(obj[key]);
    }
  }
  return clone;
}

2、使用JSON.stringify()和JSON.parse()实现深拷贝

JSON.stringify()可以将一个对象序列化为JSON字符串，JSON.parse()可以将一个JSON字符串解析为对象，这两个方法可以一起使用来实现深拷贝。

function deepClone(obj) {
  return JSON.parse(JSON.stringify(obj));
}

需要注意的是，这种方法有一些局限性：

不能复制函数、正则表达式、Symbol等特殊类型的属性值；

不能解决循环引用的问题；

性能较差，因为需要将对象序列化和反序列化。

3、使用第三方库实现深拷贝

除了自己实现深拷贝，还可以使用第三方库，如lodash的_.cloneDeep()方法。

const _ = require('lodash');
const obj1 = { a: 1, b: { c: 2 } };
const obj2 = _.cloneDeep(obj1);

以上就是实现JavaScript深拷贝的几种方法，在实际开发中，可以根据需求和场景选择合适的方法，如果对性能要求较高，可以考虑使用递归或第三方库；如果对兼容性要求较高，可以使用JSON.stringify()和JSON.parse()。

原创文章，作者：酷盾叔，如若转载，请注明出处：https://www.kdun.com/ask/309062.html

js 深拷贝实现怎么操作

发表回复