JSON.stringify 的隐藏秘密

2024-02-07 11:44:13

JSON.stringify 的基本用法

JSON.stringify() 方法接受一个 JavaScript 对象作为参数，并返回一个 JSON 字符串。这个 JSON 字符串是一个包含该对象的属性和值的文本表示。例如，以下代码将一个 JavaScript 对象转换为 JSON 字符串：

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

const json = JSON.stringify(person);

console.log(json); // 输出: {"name":"John Doe","age":30,"city":"New York"}

JSON.stringify 的可选参数

JSON.stringify() 方法还接受一个可选的第二个参数，该参数是一个用于格式化输出 JSON 字符串的函数。这个函数接受两个参数：key 和 value。key 是对象的属性名称，value 是该属性的值。格式化函数可以对 key 和 value 进行一些处理，然后再返回它们。

例如，以下代码使用一个格式化函数来对 JSON 字符串进行缩进：

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

const json = JSON.stringify(person, (key, value) => {
  if (typeof value === 'string') {
    return `"${value}"`;
  }

  return value;
});

console.log(json); // 输出:
/*
{
  "name": "John Doe",
  "age": 30,
  "city": "New York"
}
*/

JSON.stringify 的一些隐藏秘密

1. 可以转换循环引用对象

JSON.stringify() 方法可以转换包含循环引用对象的 JavaScript 对象。循环引用对象是指一个对象引用了它自己或另一个包含它的对象的属性。例如，以下代码定义了一个包含循环引用对象的 JavaScript 对象：

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York',
  friends: [
    {
      name: 'Jane Doe',
      age: 25,
      city: 'Boston'
    },
    {
      name: 'Michael Jones',
      age: 35,
      city: 'Los Angeles'
    }
  ]
};

person.friends.push(person);

console.log(JSON.stringify(person));

这段代码中，person 对象的 friends 属性包含了一个数组，该数组中的最后一个元素是 person 对象本身。这导致了循环引用。当我们使用 JSON.stringify() 方法转换这个对象时，它会自动检测到循环引用并将其转换为一个 JSON 字符串。

2. 可以转换函数

JSON.stringify() 方法可以转换包含函数的 JavaScript 对象。例如，以下代码定义了一个包含函数的 JavaScript 对象：

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York',
  greet: function() {
    console.log('Hello, my name is John Doe.');
  }
};

console.log(JSON.stringify(person));

这段代码中，person 对象的 greet 属性是一个函数。当我们使用 JSON.stringify() 方法转换这个对象时，它会自动检测到函数并将其转换为一个 JSON 字符串。

3. 可以转换 Symbol 值

JSON.stringify() 方法可以转换包含 Symbol 值的 JavaScript 对象。例如，以下代码定义了一个包含 Symbol 值的 JavaScript 对象：

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York',
  [Symbol('secret')]: 'This is a secret.'
};

console.log(JSON.stringify(person));