深拷贝——JSON.stringify()序列化和JSON.prase()反序列化

为什么要使用深拷贝？

1、简单理解

JSON.parse() 和 JSON.stringify() 是 JavaScript 中用于处理 JSON 数据的两个内置方法

使用深拷贝的主要原因是为了创建一个对象或数组的完全独立副本，这样对副本的任何更改都不会影响到原始数据。

在 JavaScript 中，对象和数组都是引用类型。

数据分为基本数据类型 (String, Number, Boolean, Null, Undefined，Symbol) 和引用数据类型。

基本数据类型的特点：直接存储在栈 (stack) 中的数据

引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里

引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。

 JSON.stringify() 并不是将对象和数组转换为基本数据类型，而是将它们转换为 JSON 字符串。这个过程涉及将对象和数组的结构及其包含的基本类型数据（如数字、字符串、布尔值等）序列化为一个文本格式，也就是 JSON 格式的字符串。

JSON.parse() 方法将这个 JSON 字符串反序列化回 JavaScript 对象或数组。由于字符串已经被转换过，JSON.parse() 创建的是一个全新的对象或数组，与原始对象或数组没有任何引用上的联系，因此可以视为一个独立的副本。

2、用法讲解

JSON.stringify()

JSON.stringify() 方法用于将一个 JavaScript 对象或数组转换成 JSON 字符串。它接受三个参数：

1. value：要转换的 JavaScript 值（通常是对象或数组）。
2. replacer：可选参数，用于替换或过滤掉某些属性。可以是一个函数或一个数组。
3. space：可选参数，用于美化输出的 JSON 字符串。可以是一个数字或字符串，表示缩进的空格数。

JSON.parse()

JSON.parse() 方法用于将一个 JSON 字符串转换回 JavaScript 对象或数组。它接受两个参数：

1. text：要解析的 JSON 字符串。
2. reviver：可选参数，用于转换解析后的属性。通常是一个函数，可以用来修改或过滤属性。