json的stringify方法

K-seo • 2024-02-09 22:41 • 网站运维 • 127 views

JSON.stringify 是 JavaScript 的一个内置函数，用于将 JavaScript 对象转换为 JSON 字符串，这个函数在处理数据交换、存储和网络传输时非常有用，JSON.stringify

有多种用法，下面对这些用法进行详细的介绍。

基本用法

最简单的用法就是直接将一个对象作为参数传递给 JSON.stringify，然后它会返回一个 JSON 格式的字符串。

const obj = { name: "张三", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出：'{"name":"张三","age":30}'

替换要转换的值

我们可能希望在序列化过程中更改某些值，JSON.stringify 的第二个参数是一个 replacer 函数，我们可以在这个函数中自定义要转换的值。

const obj = { name: "张三", age: 30 };
const jsonString = JSON.stringify(obj, (key, value) => {
  if (key === "age") {
    return value + 1;
  }
  return value;
});
console.log(jsonString); // 输出：'{"name":"张三","age":31}'

过滤属性

如果我们只想序列化对象的部分属性，可以使用 replacer 函数来过滤掉不需要的属性。

const obj = { name: "张三", age: 30, gender: "male" };
const jsonString = JSON.stringify(obj, (key, value) => {
  if (key !== "gender") {
    return value;
  }
  return undefined;
});
console.log(jsonString); // 输出：'{"name":"张三","age":30}'

自定义排序

默认情况下，JSON.stringify 会根据键值对插入的顺序来生成 JSON 字符串，如果我们需要自定义排序，可以在 replacer 函数中返回一个数组，数组中的元素会按照顺序插入到生成的 JSON 字符串中。

const obj = { name: "张三", age: 30, gender: "male" };
const jsonString = JSON.stringify(obj, (key, value) => {
  if (key === "gender") {
    return [key, value];
  }
  return value;
});
console.log(jsonString); // 输出：'{"name":"张三","age":30,"gender":"male"}'

转换特殊类型的值

有些类型的值不能直接被 JSON.stringify 序列化，Date、Function 等，我们可以在 replacer 函数中对这些特殊类型的值进行处理，使其能够被正确序列化。

const obj = { name: "张三", birthdate: new Date(), sayHello: function () { console.log("Hello"); } };
const jsonString = JSON.stringify(obj, (key, value) => {
  if (value instanceof Date) {
    return value.toISOString();
  }
  if (typeof value === "function") {
    return value.toString();
  }
  return value;
});
console.log(jsonString); // 输出：'{"name":"张三","birthdate":"2022-01-01T00:00:00.000Z","sayHello":"function () { console.log("Hello"); }"}'

美化输出

我们希望生成的 JSON 字符串具有良好的可读性，JSON.stringify 的第三个参数是一个整数，表示缩进的空格数，通过设置这个参数，我们可以生成格式化的 JSON 字符串。

const obj = { name: "张三", age: 30, gender: "male" };
const jsonString = JSON.stringify(obj, null, 4);
console.log(jsonString);
// 输出：
// {
//     "name": "张三",
//     "age": 30,
//     "gender": "male"
// }