Как отформатировать полученный 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

Взято из здесь

Либо отформатируйте из бэкэнда или со стороны клиента, используя JSON.stringify

JSON.stringify принимаетбольше необязательные аргументы.

Я рекомендую форматировать его на стороне клиента, так как вы можете использовать исходный JSON для рендеринга страницы.

Answer 2

Удобочитаемый для человека

На самом деле я не уверен, зачем нам отображать данные в формате Json для пользователя, но это ваше требование, поэтому я буду использовать его.

Есть полезные ответы и комментарии, которые дают вам то, что вы хотите, чтобы отобразить JSON, хорошо отформатированный на экране.

Этот ответ намеревается добавить немного ребра, если вы хотите, чтобы данные json отображались в в реальной читаемой человеком форме простым способом.Вы можете использовать это, если считаете нужным.

json.human.js

Он принимает входные данные json и выдает структурированные данные в качестве выходных данных.Пример ниже:

Источник

Answer 3

вы можете использовать JsonLint, чтобы украсить свой JSON https://jsonlint.com/