如何格式化接收到的JSON，使其看起来更漂亮？

Question

我得到了一个对象数组并将其显示在屏幕上，但是数据不是很漂亮，如何格式化以缩进，并且一切都很漂亮，请告诉我如何使用js或某种类型的库来做到这一点。

const express = require('express');
const Database = require('./db');

const app = express();
const port = 3000;
const db = new Database();

app.use(express.json());

app.get('/gallery', (req, res) => {
    db.pictures().then(data => {
        const pictures = JSON.parse(data);
        res.send(pictures)
    })
});

它在屏幕上的外观：

Answer 1

尝试

res.send(JSON.stringify(pictures, null, 4);    // stringify with 4 spaces at each level

取自here

后端或客户端使用JSON.stringify的任何格式

JSON.stringify需要更多optional arguments.

我建议在客户端使用它，因为您可以使用原始JSON呈现页面。

Answer 2

人类可读

实际上我不确定为什么我们要以Json格式向用户显示数据，但这是您的要求，所以我会顺其自然。

有一些有用的答案和注释，可为您提供所需的内容，以便在屏幕上显示格式正确的json。

如果您想以一种易于理解的实际可读形式显示json数据，则此答案的目的是增加一点优势。如果需要，可以使用它。

json.human.js

它接受json输入，并为您提供结构化数据作为输出。下面的示例：

Source

Answer 3

您可以使用JsonLint美化您的json https://jsonlint.com/