JSON から JS オブジェクトへのコンバーター
有効な JSON を、並び替えとインデント設定付きで JavaScript オブジェクトリテラルへ変換します。
JSON から JS オブジェクトへのコンバーター
JS オブジェクトから JSON へのコンバーター
JSON から YAML へのコンバーター
JSON から TOML へのコンバーター
JSON から Python Dict へのコンバーター
JSON から Go 構造体へのコンバーター
有効な JSON を、並び替えとインデント設定付きで JavaScript オブジェクトリテラルへ変換します。
JSON から JS オブジェクトへの変換について
JavaScript オブジェクトリテラルを出力
コンバーターはまず JSON を解析し、その結果を stringifyJSObject で整形します。有効な JavaScript 識別子のキーは引用符なしで出力でき、スペース、ハイフン、その他の識別子ではない文字を含むキーは引用符付きのままです。
JSON.parse との違い
JSON.parse は実行時に JSON を値へ変換します。このツールは JS ファイル、README、デバッグメモ、コードレビューコメントへ貼り付けられるソースコード文字列を生成します。
コードレビュー用の断片を準備
サンプル JSON をテスト、fixture、ドキュメント、JavaScript 設定の断片へ移すときに、まずオブジェクトリテラルとして整えられます。ソート設定では元の順序を保つか、ネストされたプロパティをアルファベット順にしてレビューしやすくできます。
シングルクォートとダブルクォート、どちらを使う？
JSON の仕様ではダブルクォートが必須ですが、JavaScript ではどちらも有効です。Prettier はダブルクォートがデフォルトで、Airbnb などのスタイルガイドはシングルクォートを好みます。引用符スタイルの設定でプロジェクトの lint ルールに合った出力にすれば、貼り付けてそのまま ESLint を通せます。有効な識別子のキーはどちらのスタイルでも引用符なしのままです。
よくある質問
このテーマに関するよくある疑問と回答をまとめました。
JSON と JavaScript オブジェクトの違いは何ですか？
JSONはすべてのキーがダブルクォートされた文字列である必要があり、プリミティブ値のみを許可します。JavaScriptオブジェクトは引用符なしキー（有効な識別子の場合）、シングルクォート、末尾カンマ、計算プロパティ、メソッドをサポートします。
JSON.parse と同じですか？
いいえ。JSON.parse は実行時に JSON を読み取り JavaScript の値を返します。この変換器は、サンプル、設定ファイル、テスト、ドキュメントへコピーできる JavaScript オブジェクトリテラルのソースコードを生成します。
すべてのキーが引用符なしになりますか？
有効な JavaScript 識別子として使えるキーだけが引用符なしになります。空白、ハイフン、句読点、その他の無効な文字を含むキーは、出力が有効な JavaScript になるよう引用符付きのまま保持されます。
キーをアルファベット順にソートできますか？
はい、ソートキーのドロップダウンで、すべての JavaScript オブジェクトプロパティをアルファベット順（A から Z）に並べ替えるか、元の JSON キー順序を維持するかを選べます。ソートはすべてのネストされたオブジェクトリテラルに再帰的に適用されます。
インデントをカスタマイズできますか？
はい、フォーマットオプションで JavaScript 出力のインデントを 2 スペース、4 スペース、またはタブに設定できます。JavaScript プロジェクトでは 2 スペースが一般的ですが、タブを好むスタイルガイドもあります。
出力の引用符をシングル／ダブルから選べますか？
はい。「文字列の引用符スタイル」セレクターで切り替えられます。シングルクォートは Airbnb などのスタイルガイドに、ダブルクォートは Prettier のデフォルトに合います。切り替えは文字列値と引用符付きキーにのみ影響し、有効な識別子のキーは引用符なしのまま、入力側は JSON 仕様どおりダブルクォートが必要です。
データはサーバーに送信されますか？
いいえ、JSON から JavaScript オブジェクトへの変換はブラウザ内で完全に実行されます。お客様の JSON データは JavaScript でローカル処理され、サーバーへ送信されることはありません。