ES9 是 ECMAScript 的第九个版本，也称为 ECMAScript 2018。在这个版本中，我们可以看到一些非常有用的新特性，其中包括 JSON.stringify() 的改进。在本文中，我们将深入探讨这个新特性，以及它对前端开发的意义。
JSON.stringify() 的问题
JSON.stringify() 是一个非常常用的函数，它可以将 JavaScript 对象转换为 JSON 字符串。然而，在过去的版本中，它存在一些问题。比如，当我们使用 JSON.stringify() 转换一个对象时，如果对象中包含了循环引用，那么转换就会失败，抛出一个 TypeError 错误。
const obj = {};
obj.a = obj;
JSON.stringify(obj); // TypeError: Converting circular structure to JSON另一个问题是，当我们使用 JSON.stringify() 转换一个对象时，如果对象中包含了不支持 JSON 格式的数据类型，比如 undefined、function 和 symbol，那么这些数据类型会被转换为 null。
const obj = {
a: undefined,
b: function() {},
c: Symbol('foo')
};
JSON.stringify(obj); // {"a":null,"c":null}这些问题都非常麻烦，因为它们可能会导致我们的代码出现异常或者错误的数据格式。ES9 的 JSON.stringify() 新特性就是为了解决这些问题而出现的。
JSON.stringify() 的改进
在 ES9 中，JSON.stringify() 的参数列表中新增了两个可选参数：replacer 和 space。下面是它们的详细说明：
replacer 参数
replacer 参数是一个函数或者数组，用于控制如何转换对象中的值。如果 replacer 是一个函数，那么它会被调用一次，传入两个参数：键和值。在这个函数中，我们可以修改值或者返回 undefined，以控制 JSON.stringify() 的输出结果。如果 replacer 是一个数组，那么它应该包含一个或多个字符串或者数字，这些字符串或者数字代表对象中要转换的属性名或者属性索引。如果 replacer 是一个数组，并且对象中有属性名或者属性索引不在这个数组中，那么这些属性会被忽略。
下面是一个使用 replacer 参数的示例：
-- -------------------- ---- -------
----- --- - -
-- ------
-- ------
-- -
-- ------
-- -----
-
--
----- -------- - ----- ------ -- -
-- ---- --- ---- -
------ ----------
-
------ ------
--
------------------- ---------- -- -------------------------------------在这个示例中，我们定义了一个 replacer 函数，它会忽略对象中的 e 属性。
space 参数
space 参数是一个字符串或者数字，用于控制输出字符串的缩进和空格。如果 space 是一个数字，那么输出字符串会使用这个数字表示的空格数进行缩进。如果 space 是一个字符串，那么输出字符串会使用这个字符串进行缩进。如果 space 是一个空字符串或者没有提供，那么输出字符串不会进行缩进。
下面是一个使用 space 参数的示例：
-- -------------------- ---- -------
----- --- - -
-- ------
-- ------
-- -
-- ------
-- -----
-
--
------------------- ----- ---
--
-
---- ------
---- ------
---- -
---- ------
---- -----
-
-
--在这个示例中，我们使用 space 参数设置输出字符串的缩进为 2 个空格。
总结
ES9 的 JSON.stringify() 新特性为我们提供了更多的控制方式，可以解决在过去版本中存在的问题。使用 replacer 参数，我们可以控制对象中的属性如何转换，以及忽略某些属性。使用 space 参数，我们可以控制输出字符串的缩进和空格。这些新特性非常有用，可以让我们更好地处理 JSON 数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662cfa95d3423812e4a83007