js如何输出json字符串换行

在JavaScript中，我们经常需要处理JSON数据，这包括将对象转换为JSON字符串以及将JSON字符串解析回对象，为了便于阅读或者调试，我们可能希望输出的JSON字符串格式是美化的，即包含缩进和换行，这不仅使得JSON数据更加可读，也有助于我们快速定位问题。

1. 使用JSON.stringify方法

JSON.stringify方法可以将JavaScript值（对象或值）转换为JSON字符串，这个方法可以接受两个可选参数：replacer和space。replacer可以是一个函数或数组，用于过滤和修改序列化内容；space则用来美化输出，可以是一个字符串或数字，表示在JSON字符串中缩进的空格数。

1 基本用法

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

上面的代码会输出一个紧凑的JSON字符串，没有任何换行和缩进。

2 添加换行和缩进

如果你想要输出的JSON字符串包含换行和缩进，可以在JSON.stringify方法中使用space参数：

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

这里的2表示每个层级使用两个空格进行缩进，输出结果如下：

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

格式化JSON字符串

我们从外部源获取的JSON字符串可能是一个单行字符串，或者格式不规整，在这种情况下，我们可以使用JSON.parse和JSON.stringify的组合来重新格式化JSON字符串。

1 解析和重新格式化

let jsonString = '{"name":"John","age":30,"city":"New York"}';
// 解析JSON字符串为对象
let obj = JSON.parse(jsonString);
// 重新格式化对象为美化的JSON字符串
let formattedJsonString = JSON.stringify(obj, null, 2);
console.log(formattedJsonString);

这段代码首先将单行的JSON字符串解析为JavaScript对象，然后使用JSON.stringify方法重新格式化为包含换行和缩进的JSON字符串。

处理复杂情况

在实际开发中，我们可能会遇到更复杂的JSON数据结构，比如嵌套对象或数组。JSON.stringify方法同样可以处理这些情况，并且可以通过replacer参数来自定义序列化过程。

1 自定义序列化

let obj = {
  name: "John",
  age: 30,
  address: {
    street: "1234 Main St",
    city: "New York"
  }
};
// 自定义replacer函数，用于过滤或修改序列化内容
let replacer = (key, value) => {
  if (key === "street") {
    return "Street: " + value;
  }
  return value;
};
let jsonString = JSON.stringify(obj, replacer, 2);
console.log(jsonString);

输出结果：

{
  "name": "John",
  "age": 30,
  "address": {
    "street": "Street: 1234 Main St",
    "city": "New York"
  }
}

在这个例子中，replacer函数修改了address对象中的street属性的值。

在JavaScript中，通过使用JSON.stringify方法，我们可以轻松地将JavaScript对象转换为格式化的JSON字符串，包括添加换行和缩进，这对于调试和展示数据非常有用，我们也可以利用replacer参数来自定义序列化过程，以满足特定的需求，这些技巧，可以让你在处理JSON数据时更加得心应手。