如何打印嵌套对象的 JSON.stringify - JavaScript

在开发中，我们经常需要将 JavaScript 对象转换成 JSON 字符串，然后进行传输或保存。在这个过程中，有时候会遇到嵌套对象的情况，这就需要我们使用 JSON.stringify 方法来打印嵌套对象的 JSON 字符串。

什么是 JSON.stringify 方法

JSON.stringify 是 JavaScript 内置对象 JSON 所包含的一个方法，用于将 JavaScript 对象转换成 JSON 字符串。

如何使用 JSON.stringify 方法打印嵌套对象的 JSON 字符串

我们可以通过以下两种方法来使用 JSON.stringify 方法打印嵌套对象的 JSON 字符串。

方法一：使用 JSON.stringify 方法的第二个参数

JSON.stringify 方法可以接受两个参数，第一个参数是要转换成 JSON 字符串的对象，第二个参数是替换值和转换结果的转换函数。

我们可以使用这个参数来递归遍历嵌套对象的属性，并将其转换成 JSON 字符串。具体实现可以参考以下代码：

const obj = {
  name: 'Tom',
  age: 28,
  address: {
    province: 'Guangdong',
    city: 'Shenzhen'
  }
};

const stringify = (obj) => {
  const replace = (key, value) =>
    typeof value === 'object' ? value : `${value}`;
  return JSON.stringify(obj, replace, 2);
};

console.log(stringify(obj));

输出结果：

{
  "name": "Tom",
  "age": "28",
  "address": {
    "province": "Guangdong",
    "city": "Shenzhen"
  }
}

方法二：使用 JSON.stringify 方法的第三个参数

JSON.stringify 方法的第三个参数用于美化输出的 JSON 字符串。我们可以通过设置这个参数来输出嵌套对象的 JSON 字符串。具体实现可以参考以下代码：

const obj = {
  name: 'Tom',
  age: 28,
  address: {
    province: 'Guangdong',
    city: 'Shenzhen'
  }
};

console.log(JSON.stringify(obj, null, 2));

输出结果：

{
  "name": "Tom",
  "age": 28,
  "address": {
    "province": "Guangdong",
    "city": "Shenzhen"
  }
}

总结

JSON.stringify 方法是将 JavaScript 对象转换成 JSON 字符串的主要方法，递归遍历方法和美化输出方法是打印嵌套对象的 JSON 字符串的两种主要实现方式。在开发中，我们需要根据具体需求选择不同的方法来处理嵌套对象的 JSON 输出。