JSON.stringify 예쁘게 출력하기

JSON.stringify(my, null, 2);

• 두번째 인자로 null 과
• 세번째 인자로 space argument 를 설정해주면된다
• space argument 는 들여쓰기를 간격에 대한 것이다

TMI

비교해보기

example

let my = {
  key: 'a',
  altKey: false,
  code: 'KeyA',
  ctrlKey: false,
  keyCode: 65,
  shiftKey: false,
};

console.log(JSON.stringify(my));
console.log(JSON.stringify(my, null, 2));

• F12 로 개발자도구를 열고, 콘솔에 복붙해보자

html로 출력하고싶을 때

example.html

<pre><code id="message"></code></pre>

<script>
  'use strict';

  const message_span = document.querySelector('#message');

  let my = {
    key: 'a',
    altKey: false,
    code: 'KeyA',
    ctrlKey: false,
    keyCode: 65,
    shiftKey: false,
  };

  message_span.innerHTML = JSON.stringify(my, null, 2);
</script>

• 로그로 남기는 것이 아니라 html로 그 결과를 보여주고 싶을 때에는
• 위처럼 pre태그 안에서 보여주면된다

참고

• pretty-print-json-using-javascript
• JSON.stringify() - JavaScript | MDN