使用 ECMAScript 2019 (ES10) 中的 JSON.stringify() 方法来序列化 JavaScript 对象

什么是 JSON.stringify() 方法？

JSON.stringify() 方法是 ECMAScript 2019 (ES10) 中的一个内置方法，用于将 JavaScript 对象序列化为 JSON 字符串。

为什么要使用 JSON.stringify() 方法？

在前端开发中，我们经常需要将 JavaScript 对象转换为 JSON 字符串，然后通过网络传输到后端或者存储到本地。

使用 JSON.stringify() 方法可以轻松地实现这个过程，而且这个方法支持很多高级特性，比如自定义转换函数、缩进等等。

如何使用 JSON.stringify() 方法？

JSON.stringify() 方法有两个参数，第一个参数是要序列化的 JavaScript 对象，第二个参数是可选的转换函数或者转换选项。

序列化简单对象

// javascriptcn.com 代码示例
const obj = {
  name: 'Tom',
  age: 18,
  hobbies: ['reading', 'coding']
};

const json = JSON.stringify(obj);

console.log(json);
// 输出：{"name":"Tom","age":18,"hobbies":["reading","coding"]}

序列化复杂对象

// javascriptcn.com 代码示例
const obj = {
  name: 'Tom',
  age: 18,
  hobbies: ['reading', 'coding'],
  friends: [
    { name: 'Jerry', age: 17 },
    { name: 'Bob', age: 19 }
  ]
};

const json = JSON.stringify(obj, null, 2);

console.log(json);
// 输出：
// {
//   "name": "Tom",
//   "age": 18,
//   "hobbies": [
//     "reading",
//     "coding"
//   ],
//   "friends": [
//     {
//       "name": "Jerry",
//       "age": 17
//     },
//     {
//       "name": "Bob",
//       "age": 19
//     }
//   ]
// }

自定义转换函数

// javascriptcn.com 代码示例
const obj = {
  name: 'Tom',
  age: 18,
  hobbies: ['reading', 'coding']
};

const json = JSON.stringify(obj, (key, value) => {
  if (key === 'age') {
    return value.toString();
  }
  return value;
});

console.log(json);
// 输出：{"name":"Tom","age":"18","hobbies":["reading","coding"]}

总结

JSON.stringify() 方法是一个非常实用的方法，在前端开发中经常用到。通过本文的介绍，你已经学会了如何使用这个方法来序列化 JavaScript 对象，并且了解了一些高级特性。希望这篇文章对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6508cfa595b1f8cacd3b2836