返回

JS实现深拷贝的方式

前端

JS实现深拷贝的多种方式

在JavaScript中，实现深拷贝有许多种方式，每种方式都有其特点。下面我们将逐一探讨这些方式：

1. 递归深拷贝

递归深拷贝是一种常用的深拷贝方式，它通过递归的方式，对嵌套对象进行逐层拷贝。

//递归深拷贝函数
function deepCopy(obj) {
  //如果是基本类型，直接返回
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  //如果是数组，使用递归深拷贝每个元素
  if (Array.isArray(obj)) {
    let newArr = [];
    for (let i = 0; i < obj.length; i++) {
      newArr[i] = deepCopy(obj[i]);
    }
    return newArr;
  }

  //如果是对象，使用递归深拷贝每个属性
  if (typeof obj === 'object') {
    let newObj = {};
    for (let key in obj) {
      newObj[key] = deepCopy(obj[key]);
    }
    return newObj;
  }
}

2. JSON深拷贝

JSON深拷贝是一种简单易用的深拷贝方式，它通过JSON.stringify()和JSON.parse()方法实现。

//JSON深拷贝函数
function deepCopy(obj) {
  return JSON.parse(JSON.stringify(obj));
}

3. 扩展运算符深拷贝

ES6中的扩展运算符(...)也可以用于实现深拷贝。扩展运算符可以将一个对象或数组展开为多个元素，然后将其赋给另一个对象或数组。

//扩展运算符深拷贝函数
function deepCopy(obj) {
  return {...obj};
}

4. Object.assign()深拷贝

Object.assign()方法也可以用于实现深拷贝。Object.assign()方法可以将一个或多个对象的属性拷贝到另一个对象中。

//Object.assign()深拷贝函数
function deepCopy(obj) {
  return Object.assign({}, obj);
}

总结

通过以上四种方式，我们可以实现JS中的深拷贝。每种方式都有其特点和应用场景。在实际开发中，我们可以根据具体的需求选择合适的方式。

参考资料