最新のWeb開発のチュートリアル
 

JSON構文

❮前 次の章❯

JSON構文はJavaScriptの構文のサブセットです。

JSON構文規則

JSON構文はJavaScriptのオブジェクト表記の構文から派生されます。

  • データは、名前/値のペアであります
  • データは、カンマで区切られています
  • 中括弧は、オブジェクトを保持します
  • 角括弧は配列を保持します

JSONデータ - 名前と値

JSONデータは、名前/値のペアとして書き込まれます。

名前/値のペアは、値が続くコロンが続くフィールド名（二重引用符で）、から構成されています。

例

"firstName":"John"

JSON名は、二重引用符が必要です。 JavaScriptの名前はありません。

JSON値

JSON値は次のようになります。

  • 数（整数または浮動小数点）
  • （二重引用符で囲まれた）文字列
  • ブール値（trueまたはfalse）
  • （角括弧内）の配列
  • （中括弧）オブジェクト
  • ヌル

JSONオブジェクト

JSONオブジェクトは、中括弧の内側に書かれています。

ただ、JavaScriptのように、JSONオブジェクトは、複数の名前/値のペアを含めることができます。

例

{"firstName":"John", "lastName":"Doe"}

JSON配列

JSON配列は、角括弧内に記述されています。

ただ、JavaScriptのように、JSON配列は、複数のオブジェクトを含めることができます。

例

"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName":"Jones"}
]

上記の例では、オブジェクト"employees" 3つのオブジェクトを含む配列です。 各オブジェクトは、（姓と名を持つ）人の記録です。

JSONはJavaScriptの構文を使用します

JSON構文はJavaScriptオブジェクト表記に由来しているので、非常に少し余分なソフトウェアは、JavaScriptの内JSONで動作するために必要とされます。

JavaScriptを使用すると、オブジェクトの配列を作成することができますし、このように、それにデータを割り当てます。

例

var employees = [
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName": "Jones"}
];

JavaScriptのオブジェクト配列の最初のエントリは次のようにアクセスすることができます。

例

// returns John Doe
employees[0].firstName + " " + employees[0].lastName;
»それを自分で試してみてください

また、このようにアクセスすることができます。

例

// returns John Doe
employees[0]["firstName"] + " " + employees[0]["lastName"];
»それを自分で試してみてください

データは次のように修正することができます。

例

employees[0].firstName = "Gilbert";
»それを自分で試してみてください

また、次のように修正することができます。

例

employees[0]["firstName"] = "Gilbert";
»それを自分で試してみてください

次の章では、JavaScriptオブジェクトにJSONテキストを変換する方法を学習します。

JSONファイル

  • JSONファイルのファイルタイプは".json"
  • JSONテキストのMIMEタイプは"application/json"

❮前 次の章❯