JS JSON.stringify()的5个使用场景详解

当我们需要将JavaScript对象序列化为JSON格式时，使用JS的JSON.stringify()方法可以非常方便地实现。这个方法的5个使用场景如下：

1. 简单地将JavaScript对象转换为JSON字符串

使用JSON.stringify()方法最简单的场景就是将JavaScript对象转换为JSON格式的字符串。例如：

const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'Shanghai',
    country: 'China'
  }
};
const jsonStr = JSON.stringify(person);
console.log(jsonStr);
// 输出：{"name":"Alice","age":25,"address":{"city":"Shanghai","country":"China"}}

2. 使用replacer函数过滤序列化结果

JSON.stringify()方法接受一个可选的replacer参数，它允许我们在序列化对象时过滤一些属性。可以传入一个函数，该函数接受两个参数：键和值，我们可以根据自己的需要决定是否将其保留。例如：

const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'Shanghai',
    country: 'China'
  }
};
const jsonStr = JSON.stringify(person, (key, value) => {
  if (key === 'address') {
    // 只保留地址的城市信息
    return value.city;
  }
  return value;
});
console.log(jsonStr);
// 输出：{"name":"Alice","age":25,"address":"Shanghai"}

3. 使用replacer参数转换日期对象

将日期对象转换为JSON格式的字符串是很常见的需求，但是默认情况下JSON.stringify()将日期对象转换为ISO日期字符串格式的文本。我们可以通过传递一个replacer函数来自定义日期对象的序列化方式，例如：

const person = {
  name: 'Alice',
  birthdate: new Date('1995-03-19')
};
const jsonStr = JSON.stringify(person, (key, value) => {
  if (value instanceof Date) {
    // 将日期对象序列化为ISO字符串格式
    return value.toISOString();
  }
  return value;
});
console.log(jsonStr);
// 输出：{"name":"Alice","birthdate":"1995-03-19T00:00:00.000Z"}

4. 使用空格格式化JSON字符串

在开发过程中，我们希望在调试时可以更方便查看JSON格式的数据。JSON.stringify()方法可以通过传递第三个参数控制序列化的空格格式，例如：

const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'Shanghai',
    country: 'China'
  }
};
const jsonStr = JSON.stringify(person, null, 2);
console.log(jsonStr);
// 输出：
// {
//   "name": "Alice",
//   "age": 25,
//   "address": {
//     "city": "Shanghai",
//     "country": "China"
//   }
// }

5. 序列化循环引用的对象

如果我们的数据模型存在循环引用的情况，使用JSON.stringify()方法将导致堆栈溢出，因为默认情况下该方法无法序列化循环引用的对象。但是可以通过传递第二个参数replacer来自定义序列化的方式，例如：

const person = {
  name: 'Alice'
};
const friend = {
  name: 'Bob',
  friends: [person]
};
person.friends = [friend]; // 循环引用
const jsonStr = JSON.stringify(friend, (key, value) => {
  if (key === 'friends') {
    // 只保留朋友的名字，忽略循环引用的对象
    return value.map(friend => friend.name);
  }
  return value;
});
console.log(jsonStr);
// 输出：{"name":"Bob","friends":["Alice"]}

上述5个场景覆盖了使用JSON.stringify()方法的绝大多数情况，使用起来非常灵活，可以满足我们在开发中的不同需求。