技術ブログ

プログラミング、IT関連の記事中心

JSONを整形して出力する方法

目次

JSONを整形して出力する方法

JSONのデータはデフォルトで一つの長い行として出力されることが多いです。
しかし、開発中やデバッグ時に、これを整形された形で読む必要がしばしばあります。
幸い、JavaScriptのJSON.stringifyメソッドは、このような整形された出力をサポートしています。

基本の方法

JSON.stringifyには3つの引数があります。
第1の引数は変換したいオブジェクト、第2の引数はリプレーサ(省略可能)、第3の引数はスペース(省略可能)です。

整形された出力を得るためには、第3の引数にスペースの数を指定します。

const jsonString = JSON.stringify(obj, null, 4);
console.log(jsonString);

上記のコードは、各レベルのインデントに4つのスペースを使用してJSONを出力します。

タブを使用した整形

もし、スペースの代わりにタブを使用したい場合、第3の引数に\tを指定します。

const jsonString = JSON.stringify(obj, null, '\t');
console.log(jsonString);

これで、生成されるJSONはタブで整形されます。

まとめ

JSON.stringifyの第3の引数を利用することで、JSONの出力を簡単に整形することができます。
この機能を利用して、デバッグやデータの確認をより効率的に行いましょう。