JSONの理解：フォーマットと検証の初心者ガイド
簡単な回答
JSONはキーと値のペアと配列を使用するテキストベースのデータフォーマットです。文字列、数値、ブール値、null、オブジェクト、配列をサポートします。無料のJSONフォーマッターを使用してJSONデータを整形、検証、最小化 — すべての処理はブラウザ内で行われます。
導入
JSON（JavaScript Object Notation）は、人間が読み書きしやすく、機械が解析および生成しやすい軽量のデータ交換フォーマットです。Webサーバーとブラウザ間の通信に使用される最も一般的なデータフォーマットであり、最新のWeb APIではXMLに大きく取って代わりました。
ステップバイステップ
-
JSON 構文を理解する
JSON では、オブジェクトには中括弧 {}、配列には角括弧 []、およびコロンで区切られたキーと値のペアが使用されます。キーは二重引用符で囲まれた文字列である必要があります。値には、文字列、数値、ブール値、null、オブジェクト、または配列を使用できます。
-
JSON をフォーマットします
JSON データを JSON フォーマッタ ツールに貼り付けます。適切なインデントと改行で JSON が自動的に美しくなり、読みやすくなります。
-
構造を検証する
フォーマッタは JSON に構文エラーがないかチェックします。有効な場合は、フォーマットされた出力が表示されます。無効な場合は、問題を示すエラー メッセージが表示されます。
-
結果をコピーまたは使用する
コード、ドキュメント、またはデバッグで使用するために、フォーマットされた JSON をクリップボードにコピーします。
例
単純なオブジェクト
入力: {"name":"Alice","age":30}
出力: {
"name": "Alice",
"age": 30
}
オブジェクトの配列
入力: [{"id":1},{"id":2}]
出力: [
{ "id": 1 },
{ "id": 2 }
]
入れ子構造
入力: {"user":{"name":"Bob","tags":["admin","user"]}}
出力: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
よくある問題
- 文字列に一重引用符を使用する —JSON では、文字列とキーに二重引用符が必要です。
- 末尾のカンマ —JSON では、オブジェクトまたは配列の最後の項目の後にカンマを使用することはできません。
- コメント —JSON はコメント (// または /* */) をサポートしません。コメントが必要な場合は、JSONC または JSON5 を使用してください。
- 引用符で囲まれていないキー - JavaScript オブジェクト リテラルとは異なり、すべてのキーを二重引用符で囲む必要があります。
ヒント
- データを API に送信する前に、JSON フォーマッタを使用して構文エラーを検出します。
- 縮小化された JSON は帯域幅を節約します。運用環境では縮小化を使用し、開発ではフォーマットを使用します。
- JSON は、未定義、関数、または日付を値としてサポートしません。null または ISO 8601 文字列を使用してください。
- JavaScript で JSON.parse() を使用して JSON 文字列をオブジェクトに変換し、 JSON.stringify() を使用してオブジェクトを JSON に変換します。