JavaScript 에서 JSON 문자열 이쁘게 출력하기

Web API  를 테스트 하는 과정 중 응답결과가 올바른지 JSON 결과를 콘솔창 또는 HTML 엘리먼트에 바인딩 해보곤 한다. 하지만 한줄로 길게 나열되어 있어 보기 힘들 부분이 없지 않아 다음과 같은 심플한 방법을 찾았다.

 

예시

var obj = {"hello":"world", "Test":["hello"]}     
document.body.innerHTML = "";
document.body.appendChild(document.createTextNode(JSON.stringify(obj, null, 4)));

 

결과

{
    "hello": "world",
    "Test": [
        "hello"
    ]
}

 

추가 내용

JSON.stringify(jsObj, null, "\t"); // stringify with tabs inserted at each level
JSON.stringify(jsObj, null, 4);    // stringify with 4 spaces at each level