用JSON实现JavaScript对象深拷贝

前端

2023-10-23 23:46:06

JavaScript中的深拷贝与浅拷贝

在JavaScript中，变量可以存储两种类型的值：基本类型和引用类型。基本类型的值包括字符串、数字、布尔值和undefined。引用类型的值包括对象和数组。

当您将基本类型的值分配给变量时，变量将存储该值的副本。这意味着对变量值的任何更改都不会影响原始值。

当您将引用类型的值分配给变量时，变量将存储对该值的引用。这意味着对变量值的任何更改都会影响原始值。

深拷贝是一种创建对象副本的方法，它会复制对象的所有属性，包括嵌套的对象和数组。这与浅拷贝不同，浅拷贝只会复制对象的顶层属性，而不会复制嵌套的对象和数组。

使用JSON实现JavaScript对象深拷贝

我们可以使用JSON.stringify()和JSON.parse()方法来实现JavaScript对象深拷贝。

JSON.stringify()方法将对象转换为JSON字符串。

JSON.parse()方法将JSON字符串转换为对象。

const originalObject = {
  name: 'John Doe',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA',
    zip: '12345'
  }
};

const deepCopy = JSON.parse(JSON.stringify(originalObject));

console.log(originalObject === deepCopy); // false
console.log(originalObject.address === deepCopy.address); // false