JSON フォーマッター/バリデーター
JSON を整形、圧縮、検証します。エラーの行と列を正確に表示します。
コード例
自分のプロジェクトにコピーして使えます。どの例も言語の標準ライブラリだけを使うので、インストールするものはありません。
const text = '{"b":1,"a":[1,2]}'
console.log(JSON.stringify(JSON.parse(text), null, 2))概要
JSON を整形、圧縮、検証します。エラーは正確な行と列で示されます。キーの並べ替えや、末尾のカンマ、コメント、シングルクォートといったよくある間違いの修復もできます。すべてブラウザ内で動作するので、大きなドキュメントや非公開のドキュメントも端末の外には出ません。
使い方
- JSON を入力欄に貼り付けるか、ファイルをドロップします。
- 整形方法を選びます。インデント、圧縮、キーの並べ替え、改行コードを指定できます。
- JSON が無効な場合は、入力欄の下のメッセージを確認します。問題の内容と場所が示されます。
- 結果をコピーするか、別のツールに送ります。たとえば、中に見つけた Base64 のフィールドをデコードできます。
例
整形前の入力です。
{ "name": "Ada", "tags": ["math", "code"], "born": 1815 }
スペース2つで整形した結果です。
{
"name": "Ada",
"tags": ["math", "code"],
"born": 1815
}
知っておくと便利なこと
- 標準の JSON では、コメント、末尾のカンマ、シングルクォートは使えません。修復オプションを使うと自動で直せます。
- キーを並べ替えると、2つのドキュメントを比較しやすくなります。
- 数値は入力した桁がそのまま保たれます。整形だけの場合、非常に大きな数値も丸められません。
JSON とは?
JSON は構造化データのためのプレーンテキスト形式で、オブジェクト、配列、文字列、数値、true、false、null を扱えます。Web サービス間でデータをやり取りする標準的な方法です。このツールは、テキストが有効な JSON かどうかを確認し、読みやすい形に整えます。
よくある質問
JSON が無効になるのはなぜですか?
最も多い原因は、末尾のカンマ、二重引用符ではなく単一引用符、引用符のないキー、コメントです。JSON ではこれらはいずれも使えません。
整形すると数値は変わりますか?
いいえ。数値と文字列は書かれたとおりにコピーされるため、非常に大きな数値もすべての桁が保たれます。
JSON はどこかに送信されますか?
いいえ。すべてブラウザ内で実行され、何もアップロードされません。