[Edit]

JavaScript - beautify JSON

1 contributors

2 contributions

0 discussions

4 points

Created by:

telsa

502

In this short article we would like to show how in simple way beautify JSON using built-in JavaScript solutions.

Quick solution:

xxxxxxxxxx
 
function beautifyJson(json) {
    var object = JSON.parse(json);
    return JSON.stringify(object, null, 4); // 4 spaces as indent
}
​
// Usage example:
​
var uglyJson = '{"id": 2, "name": "Tom", "age": 25}';
var beautyJson = beautifyJson(uglyJson);
​
console.log(beautyJson);

Auto running

Beauty JSON with tab indents example

Edit

It is necesary just to change last argument of stringify() method to '\t'.

xxxxxxxxxx
 
function beautifyJson(json) {
    var object = JSON.parse(json);
    return JSON.stringify(object, null, '\t'); // tabulator as indent
}
​
// Usage example:
​
var uglyJson = '{"id": 2, "name": "Tom", "age": 25}';
var beautyJson = beautifyJson(uglyJson);
​
console.log(beautyJson);