ECMAScript 2020 (ES11) 中对 JSON.stringify 方法的优化-JavaScript中文网-JavaScript教程资源分享门户

JSON.stringify 是 JavaScript 中常用的方法之一，用于将 JavaScript 对象转换为 JSON 字符串。在 ECMAScript 2020（ES11）中，JSON.stringify 方法进行了优化，使其更加灵活和易用。

优化一：支持循环引用

在以前的版本中，如果对象中存在循环引用，JSON.stringify 方法会引发 TypeError 错误。例如：

let obj = {
  name: 'Alice'
};
obj.self = obj;
JSON.stringify(obj); // TypeError: Converting circular structure to JSON

在 ES11 中，JSON.stringify 方法可以正常处理循环引用的情况。当遇到循环引用时，方法会将循环引用的部分替换为 null。例如：

let obj = {
  name: 'Alice'
};
obj.self = obj;
JSON.stringify(obj); // {"name":"Alice","self":null}

优化二：支持自定义序列化

在 ES11 中，JSON.stringify 方法新增了第二个参数，用于自定义序列化对象的方式。这个参数可以是一个函数或一个数组。

函数方式

如果第二个参数是一个函数，该函数接收两个参数：键和值。它可以返回一个值，用于替换原来的值。例如：

// javascriptcn.com 代码示例
let obj = {
  name: 'Alice',
  age: 18
};
let str = JSON.stringify(obj, (key, value) => {
  if (key === 'name') {
    return value.toUpperCase();
  }
  if (key === 'age') {
    return value + 1;
  }
  return value;
});
console.log(str); // {"name":"ALICE","age":19}

数组方式

如果第二个参数是一个数组，该数组包含一组字符串或函数。字符串用于选择要序列化的属性，函数用于自定义序列化方式。例如：

// javascriptcn.com 代码示例
let obj = {
  name: 'Alice',
  age: 18,
  gender: 'female'
};
let str = JSON.stringify(obj, ['name', (key, value) => {
  if (key === 'age') {
    return value + 1;
  }
  return value;
}]);
console.log(str); // {"name":"Alice","age":19}

指导意义

ES11 对 JSON.stringify 方法的优化，使其更加灵活和易用。我们可以通过自定义序列化方式，轻松地实现对对象的深度转换和格式化。这对于前端开发来说是非常有用的。

我们可以在项目中使用这个方法，将对象转换为 JSON 字符串，然后传输到后端或保存到本地存储中。在后端，我们可以使用 JSON.parse 方法将 JSON 字符串转换为对象。这样，前后端之间的数据交互就变得更加简单和方便了。

总结

ES11 对 JSON.stringify 方法进行了优化，支持循环引用和自定义序列化。这个方法在前端开发中非常常用，我们可以通过这个方法实现对象的转换和格式化。在实际项目中，我们可以灵活运用这个方法，使前后端数据交互更加便捷。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655da526d2f5e1655d7e9c83