js 拷贝|极客笔记

js 拷贝

在JavaScript中，我们经常需要对对象进行拷贝操作。拷贝操作分为深拷贝和浅拷贝两种。深拷贝是指完全复制一个对象，包括其内部的所有属性和嵌套对象，而浅拷贝则只是复制对象的引用。本文将详细介绍深浅拷贝的概念、方法和实际应用。

深拷贝与浅拷贝的区别

深拷贝

深拷贝是指在拷贝对象时，会递归复制所有嵌套的对象，确保拷贝的对象与原对象完全独立，互不影响。换句话说，深拷贝是完全复制了一个对象的所有属性和嵌套对象。

浅拷贝

浅拷贝是指仅仅复制对象的引用，而不实际复制对象本身。也就是说，拷贝得到的对象与原对象共享同一块内存空间，对拷贝对象的修改会影响到原对象。

浅拷贝的方法

直接赋值

最简单的浅拷贝方法就是通过直接赋值来复制对象。但需要注意的是，直接赋值只是复制了对象的引用，而不是对象本身。

let obj1 = { name: 'Alice', age: 20 };
let obj2 = obj1;

obj2.name = 'Bob';
console.log(obj1.name); // 输出 'Bob'

Object.assign()

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它会覆盖相同属性名的值。

let obj1 = { name: 'Alice', age: 20 };
let obj2 = Object.assign({}, obj1);

obj2.name = 'Bob';
console.log(obj1.name); // 输出 'Alice'

扩展运算符（…）

使用扩展运算符（…）也可以实现浅拷贝。

let obj1 = { name: 'Alice', age: 20 };
let obj2 = { ...obj1 };

obj2.name = 'Bob';
console.log(obj1.name); // 输出 'Alice'

深拷贝的方法

JSON.parse() 和 JSON.stringify()

利用 JSON.parse() 和 JSON.stringify() 方法可以实现简单的深拷贝。

let obj1 = { name: 'Alice', age: 20 };
let obj2 = JSON.parse(JSON.stringify(obj1));

obj2.name = 'Bob';
console.log(obj1.name); // 输出 'Alice'

需要注意的是，这种方法不能处理对象中包含函数、正则表达式等特殊类型的情况。

递归拷贝

递归拷贝是一种常见的实现深拷贝的方法，通过递归的方式遍历对象的所有属性，并复制到新对象中。

function deepCopy(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }

  let newObj = Array.isArray(obj) ? [] : {};

  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = deepCopy(obj[key]);
    }
  }

  return newObj;
}

let obj1 = { name: 'Alice', age: 20, hobbies: ['reading', 'hiking'] };
let obj2 = deepCopy(obj1);

obj2.hobbies.push('coding');
console.log(obj1.hobbies); // 输出 ['reading', 'hiking']