什么是 flatted？
flatted 是一个用于序列化和反序列化 JavaScript 对象的 npm 包。它可以将对象转换成字符串，以便在存储或传输时使用，并能够将这些字符串再次转换为原始对象。
与 JSON 不同的是，flatted 可以处理循环引用的对象，而 JSON 不支持此功能。此外，flatted 还可以处理 Date、RegExp、Set 和 Map 等 JavaScript 对象类型。
安装 flatted
要使用 flatted，首先需要安装该包。你可以使用以下命令来安装 flatted：
--- ------- -------
序列化对象
下面我们来看看如何使用 flatted 将 JavaScript 对象序列化为字符串。
----- ------- - ------------------- ----- --- - - ----- ------ ---- --- -- ----- --- - ----------------------- ----------------- -- ----------------------------
在上面的代码中，我们使用 flatted.stringify 方法将 obj 对象序列化为字符串。可以看到，输出的字符串与 JSON 格式相同。
注意：如果对象中包含函数或 Symbol 类型，则无法正确序列化并还原该对象。因此，在使用 flatted 进行数据处理时，请确保对象仅包含基本类型的值，例如字符串、数字、布尔值等。
反序列化对象
现在我们已经知道了如何将 JavaScript 对象序列化为字符串，下面我们来看看如何使用 flatted 将字符串反序列化为原始对象。
----- ------- - ------------------- ----- --- - -------------------------- ----- --- - ------------------- ----------------- -- ---- ----- ------ ---- -- -
在上面的代码中，我们使用 flatted.parse 方法将字符串 str 反序列化为原始对象。可以看到，输出的对象与我们之前序列化的对象相同。
处理循环引用
了解了如何序列化和反序列化对象后，我们现在来看看 flatted 如何处理循环引用的对象。
----- ------- - ------------------- ----- ---- - - ----- ----- -- ----- ---- - - ------- ---- -- ----------- - ----- ----- --- - ------------------------ ----------------- -- ---------------------------------------------------------------- ----- ---- - ------------------- ------------------------------ --- ------ -- -------
在上面的代码中，我们创建了两个对象，obj1 和 obj2，然后将它们互相引用。当我们尝试序列化 obj1 时，flatted 将 obj1.friend 转换为包含 $ref 属性的对象，表示这是一个对已经序列化的对象的引用。在反序列化对象时，flatted 会将这些引用还原为原始对象，因此我们可以正确地访问循环引用的对象。
总结
flatted 是一个非常有用的 npm 包，它可以帮助我们轻松地处理 JavaScript 对象的序列化和反序列化，并且可以处理循环引用的对象。在实际应用中，我们可以使用 flatted 来存储复杂的 JavaScript 对象，或者将这些对象传输到其他系统中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/51247