📜  axios 显示嵌套的 json console.log - Javascript (1)

📅  最后修改于: 2023-12-03 15:13:35.280000             🧑  作者: Mango

使用 Axios 在控制台打印嵌套 JSON

当使用 Axios 发出 HTTP 请求并接收 JSON 响应时,经常需要以某种方式处理嵌套 JSON 对象。在调试期间打印 JSON 将非常有用,以便查看嵌套对象的结构和内容。

使用 console.log() 方法直接在控制台中打印 JSON 对象时,输出可能不够显眼,不易于查看。在此处,我们提供一种更好的方法来格式化和显示嵌套 JSON 对象。

安装

在使用之前需要在项目中安装 Axios。

npm install axios
使用

导入 Axios 并发出 GET 请求并接收 JSON 响应。我们使用 Axios 的 .get() 方法从 /api/data 端点获取 JSON 数据。成功后,我们在 .then() 函数中获取 JSON 数据并将其传递给自定义 prettyPrintJson() 函数。

const axios = require('axios');

axios.get('/api/data')
.then(response => {
  console.log(prettyPrintJson(response.data));
})
.catch(error => {
  console.error(error);
});

示例主函数将 JSON 对象传递到 prettyPrintJson() 函数中。

function prettyPrintJson(json) {
  return JSON.stringify(json, null, 2);
}

该函数使用 JSON.stringify() 将 JSON 对象转换为格式更漂亮的字符串。定位到指定行和缩进级别的第一个参数,第二个参数(null)表示未启用替换功能。

现在,输出的嵌套 JSON 对象将更容易阅读和理解。我们在当前文件中使用此函数,但您也可以将此函数存储在单独的帮助程序文件中,并重复使用它。

参考文献