打印 JSON - Javascript

在Javascript中，我们经常需要处理JSON格式的数据。当我们需要观察或者调试这些数据时，我们需要将它们打印出来以便查看。本文将介绍几种在Javascript中打印JSON的方法。

使用console.log()

使用console.log()是最常见的打印JSON的方法。如下所示，我们只需将JSON作为console.log()的参数即可打印出JSON的内容。

const myJson = { "name": "John", "age": 30, "city": "New York" };
console.log(myJson);

输出：

{name: "John", age: 30, city: "New York"}

使用JSON.stringify()

JSON.stringify()将一个JavaScript对象或值转换为JSON字符串，我们也可以使用它来打印JSON。如下所示：

const myJson = { "name": "John", "age": 30, "city": "New York" };
console.log(JSON.stringify(myJson));

输出：

{"name":"John","age":30,"city":"New York"}

使用JSON.stringify()的第二个参数

JSON.stringify()还有一个可选的第二个参数，可以用来控制JSON字符串的格式化。第二个参数可以是一个空格数，控制输出的缩进空格数；也可以是一个回调函数，用于修改JSON中的值。接下来我们将展示一些常见的用法。

缩进空格数

如果我们需要更好地表现JSON的层次结构，可以为JSON.stringify()提供一个数字作为第二个参数，表示输出缩进的空格数。如下所示：

const myJson = { "name": "John", "age": 30, "city": "New York" };
console.log(JSON.stringify(myJson, null, 4));

输出：

{
    "name": "John",
    "age": 30,
    "city": "New York"
}

回调函数

我们也可以提供一个回调函数作为第二个参数，用于修改JSON中的值。如下所示：

const myJson = { "name": "John", "age": 30, "city": "New York" };
console.log(JSON.stringify(myJson, (key, value) => {
    if (typeof value === "string") {
        return value.toUpperCase();
    } else {
        return value;
    }
}, 2));

输出：

{
  "name": "JOHN",
  "age": 30,
  "city": "NEW YORK"
}

小结

在Javascript中，我们可以使用console.log()或JSON.stringify()来打印JSON。使用JSON.stringify()的第二个参数可以控制JSON字符串的格式化。以上介绍的所有用法都可以在开发过程中帮助我们快速观察和调试JSON数据。