json.parse(json.stringfy())有什么作用_json.parse(json.stringify)的作用-CSDN博客

本文讲述了如何在JavaScript中使用`JSON.stringify()`和`JSON.parse()`实现对象的深拷贝，强调了这种方法的适用场景、优缺点，以及在处理复杂数据结构和性能优化时的注意事项。

摘要由CSDN通过智能技术生成

在 JavaScript 中，组合使用 JSON.stringify() 和 JSON.parse() 主要用于深拷贝一个对象。这种方法可以创建一个对象的深层副本，意味着原始对象和新对象之间不共享引用。这种方法通常用于需要完全独立副本的场景，以避免对原始对象的任何更改影响到新对象。

如何工作
JSON.stringify() 将 JavaScript 对象转换为 JSON 字符串。
JSON.parse() 然后将 JSON 字符串解析回新的 JavaScript 对象。
示例
const original = { a: 1, b: { c: 2 } };
const copy = JSON.parse(JSON.stringify(original));

original.a = 3;
original.b.c = 4;

console.log(original); // { a: 3, b: { c: 4 } }
console.log(copy); // { a: 1, b: { c: 2 } }
在这个例子中，更改 original 对象不会影响 copy 对象，因为 copy 是一个深层副本。

优点
简单易用：这是一个简单且通用的方法来快速创建对象的深层副本。
完全独立：副本与原始对象之间没有引用共享。
缺点
性能开销：对大型或复杂对象进行此操作可能会带来性能开销。
无法处理函数和循环引用：如果对象包含函数或循环引用，JSON.stringify() 会忽略函数并在循环引用时抛出错误。
无法复制特殊对象：如 Date、RegExp、Map、Set 等对象在经过 JSON.stringify() 后无法保留其原始结构。
因此，当需要一个完全独立的对象副本，且原始对象是纯数据对象（不包含特殊对象或函数）时，使用 JSON.parse(JSON.stringify()) 是一种便捷的方法。但对于包含复杂数据结构或需要优化性能的情况，您可能需要考虑更高效或更适合的深拷贝技术。