时间戳

首页 > 解决方案 > 用“Normalizr”可视化 API 响应的更好方法

javascript - 用“Normalizr”可视化 API 响应的更好方法

问题描述

我有这个标准化的 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()除了使用 with之外，有没有更好的方法来可视化/记录/调试（已经规范化或同时规范化）响应JSON.stringify()？

标签： javascriptjsonnormalizr

解决方案

实际上有许多 NPM 模块，例如pretty-print-json或json-beautify可以为您以及其他库执行此操作，尽管我最喜欢的漂亮打印方法仍然是 console.log() 与JSON.stringify( ) 配对因为您可以轻松地在控制台中使用剩余的参数进行美化。

JSON.stringify()为您提供了一个替换器和一个空格args：

  1. 替换器允许您在字符串化对象中保留您想要的属性，因此他可以找到该属性并将其保留在字符串中；
  2. 空格定义了表格，用于在输出 JSON 字符串中插入空格，仅出于可读性目的。

推荐阅读