可视化使用"Normalizr"规范化的 API 响应的更好方法

Question

我有这个标准化的API响应:

{
"result": "123",
"entities": {
"articles": {
"123": {
"id": "123",
"author": "1",
"title": "My awesome blog post",
"comments": [
"324"
]
}
},
"users": {
"1": {
"id": "1",
"name": "Paul"
},
"2": {
"id": "2",
"name": "Nicole"
}
},
"comments": {
"324": {
"id": "324",
"commenter": "2"
}
}
}
}

除了console.log()和JSON.stringify()一起使用之外，有没有更好的方法来可视化/记录/调试(已经规范化或正在规范化的)响应?

Answer 1

实际上有许多NPM模块，如pretty-print-json或json-beautify，可以为您以及所有库做到这一点，尽管我最喜欢的美化打印方法仍然是console.log()与JSON.stringify()配对，因为您可以轻松地在console中使用其余参数进行美化。

JSON.stringify()提供了一个替换符和一个空格参数:

1. 代用品 允许您在字符串化的对象中保留您想要的属性，因此他找到适当的属性并将其保留在字符串中;
2. 空间 定义了制表，用于在输出JSON字符串中插入空白，仅用于可读性目的。