JSON.parse(JSON.stringify(obj)): 深拷贝的简单而优雅的方式

2024-01-16 05:27:07

深拷贝的定义

深拷贝，顾名思义，是将一个对象的所有属性和嵌套对象都复制到一个新的对象中，从而创建一个完全独立的新对象。深拷贝的一个常见用例是对数据进行修改或更新，而不会影响原始数据。

JSON.parse(JSON.stringify(obj))的原理

JSON.stringify(obj) 方法将一个对象序列化为 JSON 字符串。 JSON 格式是一种用于数据交换的标准格式，它使用文本表示对象的数据结构。 JSON.stringify 将对象的所有属性和值转换为 JSON 格式的字符串。

JSON.parse(str) 方法将 JSON 字符串解析为一个 JavaScript 对象。它将 JSON 格式的字符串转换为一个 JavaScript 对象，该对象与原始对象具有相同的数据结构和值。

代码示例

const originalObject = {
  name: "John Doe",
  age: 30,
  address: {
    street: "123 Main Street",
    city: "Anytown",
    state: "CA",
    zip: "12345"
  },
  hobbies: ["reading", "hiking", "fishing"]
};

// 使用 JSON.stringify() 将原始对象转换为 JSON 字符串
const jsonString = JSON.stringify(originalObject);

// 使用 JSON.parse() 将 JSON 字符串解析为新对象
const newObject = JSON.parse(jsonString);

// 检查新对象是否与原始对象相同
console.log(newObject === originalObject); // false

// 检查新对象是否具有与原始对象相同的值
console.log(newObject.name === originalObject.name); // true
console.log(newObject.age === originalObject.age); // true
console.log(newObject.address.street === originalObject.address.street); // true
console.log(newObject.hobbies[0] === originalObject.hobbies[0]); // true