ECMAScript 2019 (ES10)：让对象转换成一直格式的 JSON.stringify
概述
JSON.stringify() 是一个在前端开发中非常常用的方法，它可以把一个 JavaScript 对象转换为一个 JSON 字符串。在大多数情况下，JSON.stringify() 的处理方法是非常完美的，但是在某些特定情况下，它可能会给我们带来一些麻烦。比如，当对象中包含了日期或者 undefined 等数据类型时，我们可能需要进行额外的处理。在 ECMAScript 2019 中，JSON.stringify() 进行了更新，它让我们可以更方便地控制 JSON.stringify() 的输出格式。
什么是 JSON.stringify()？
JSON.stringify() 是一个将 JavaScript 对象转化为 JSON 字符串的方法。JSON 是一种常见的数据交换语言，它具有跨平台，可读性高等优点。通过 JSON.stringify()，我们可以将一个 JavaScript 对象转换成 JSON 格式的字符串，再把这个字符串传递给后端，以便后端能够处理这个数据。当然，我们也可以在前端通过 JSON.parse() 将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify() 方法的语法如下：
JSON.stringify(obj, replacer, space)
其中，参数 obj 表示要转换的 JavaScript 对象；replacer 表示转换过程中要替换和删除的属性和值，如果不需要，则可以传入 null；space 表示输出格式与缩进，可以是数字或者字符串。
JSON.stringify() 的默认转换方式
JSON.stringify() 方法的默认转换方式是非常简单的。它会将 JavaScript 对象递归地转换成 JSON 格式，如下所示：
-- -------------------- ---- ------- ----- ---- - - ----- -------- ------- --------- ---- --- -------- ----------- ---------- -- ----- -------- - --------------------- -- -------------------------------------------------------------------------------- ----------------------
如果 JSON.stringify() 中的对象包含日期或undefined 等特殊类型，它会默认输出 null，并发出警告。
正确处理日期类型
当对象中包含了日期类型时，我们需要把它转化成字符串或者时间戳。现在，在 ES10 中，JSON.stringify() 已经支持直接转化日期对象了。它会把日期对象转化成字符串，并且 JSON.parse() 也支持将日期字符串转换回日期对象。下面是一个例子：
-- -------------------- ---- ------- ----- --- - --- ------- ----- ---- - - ---- --- -- ----- -------- - --------------------- -- --------------------------------------- ---------------------- ----- ---- - --------------------- -- -------- ---- ---- ----- -------------------- ---------- ------
正确处理 undefined 类型
当对象中包含 undefined 类型时，默认情况下，JSON.stringify() 会直接删除这个属性。如果我们希望保留这个属性，可以在第二个参数 replacer 中添加一个函数，并在该函数中通过删除 undefined，将其替换成 null 或者其他值。如下：
-- -------------------- ---- -------
----- ---- - -
----- --------
------- ---------
---- ---
------ ---------
--
----- -------- - -------------------- ----- ------ -- -
-- ---- --- -------- -
------ ---------
-
------ ------
---
-- -------------------------------------------------------------
----------------------空格控制输出格式
在 JSON.stringify() 的第三个参数 space 中，我们可以指定要输出的 JSON 字符串的缩进量。如果我们不想缩进，可以将 space 设置为 0 或者 null。如果我们想要输出格式更加可读，可以将 space 设置成一个数字或者字符串，生成的 JSON 字符串将会被缩进，并且每一个层级都会被正确的缩进。如下：
-- -------------------- ---- ------- ----- ---- - - ----- -------- ------- --------- ---- --- -------- ----------- ---------- -- ----- -------- - -------------------- ----- --- -- --- -- -- -- ------- -------- -- --------- --------- -- ------ --- -- ---------- - -- ---------- -- --------- -- - -- -- ----------------------
总结
ES10 中 JSON.stringify() 方法的更新让我们可以更加方便地控制输出格式，使得 JSON.stringify() 在日常开发中的实用性更高。当然，我们还需要注意一些细节问题，如日期类型的转换，undefined 的处理等。通过对这些问题的熟悉，我们可以更加熟练地使用 JSON.stringify()，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c1249583d39b4881580d0d