Как мне красиво распечатать JSON с помощью JavaScript?

Question

Как я могу отобразить JSON в удобном для чтения (для читателей) формате? Я ищу в первую очередь отступы и пробелы, возможно, даже с цветами / стилями шрифтов / и т. Д.

Answer 1

Я рекомендую использовать HighlightJS .Он использует тот же принцип , что и принятый ответ, но работает также для многих других языков и имеет множество предопределенных цветовых схем .При использовании RequireJS вы можете сгенерировать совместимый модуль с

python3 tools/build.py -tamd json xml <specify other language here>

Генерация основана на Python3 и Java.Добавьте -n, чтобы создать не минимизированную версию.

Answer 2

Не удалось найти решение с хорошей подсветкой синтаксиса для консоли, так что вот мой 2p

Установка и добавление зависимости cli-highlight

npm install cli-highlight --save

Определить logjson глобально

const highlight = require('cli-highlight').highlight
console.logjson = (obj) => console.log(
                               highlight( JSON.stringify(obj, null, 4), 
                                          { language: 'json', ignoreIllegals: true } ));

Используйте

console.logjson({foo: "bar", someArray: ["string1", "string2"]});

Answer 3

Это приятно:

https://github.com/mafintosh/json-markup от mafintosh

const jsonMarkup = require('json-markup')
const html = jsonMarkup({hello:'world'})
document.querySelector('#myElem').innerHTML = html

HTML

<link ref="stylesheet" href="style.css">
<div id="myElem></div>

Пример таблицы стилей можно найти здесь

https://raw.githubusercontent.com/mafintosh/json-markup/master/style.css