JSON オブジェクト

オブジェクト記法

インスタンス

{ "name":"Bill Gates", "age":62, "car":null }

JSONオブジェクトは括弧で {} 囲まれています。

JSONオブジェクトはキー/値ペアで書かれます。

キーは文字列でなければならず、値は有効なJSONデータ型(文字列、数字、オブジェクト、配列、ブールまたはnull)でなければなりません。

キーと値はコロンで区切られます。

各キー/値ペアはカンマで区切られます。

オブジェクト値にアクセスする

点記号(.)を使用してオブジェクト値にアクセスしてください:

インスタンス

myObj = { "name":"Bill Gates", "age":62, "car":null };
x = myObj.name;

自分で試してみる

方括弧([])を使用してオブジェクト値にアクセスしてください:

インスタンス

myObj = { "name":"Bill Gates", "age":62, "car":null };
x = myObj["name"];

自分で試してみる

オブジェクトを巡回する

以下を使用して巡回できます: for-in オブジェクト属性を巡回する:

インスタンス

myObj = { "name":"Bill Gates", "age":62, "car":null };
for (x in myObj) {
   document.getElementById("demo").innerHTML += x;
}

自分で試してみる

for-inループでは、以下を使用してください:括弧記号法属性値を訪れる:

インスタンス

myObj = { "name":"Bill Gates", "age":62, "car":null };
for (x in myObj) {
   document.getElementById("demo").innerHTML += myObj[x]};
}

自分で試してみる

ネストされた JSON オブジェクト

JSON オブジェクトの値は別の JSON オブジェクトのものになることがあります。

インスタンス

myObj =  {
   "name":"Bill Gates",
   "age":62,
   "cars": {
	  "car1":"Porsche",
	  "car2":"BMW",
	  "car3":"Volvo"
   }
}

点号と括弧を使用してネストされた JSON オブジェクトにアクセスできます:

インスタンス

x = myObj.cars.car2;
//または:
x = myObj.cars["car2"];

自分で試してみる

値を変更

JSON オブジェクトの値を変更するために点号を使用できます:

インスタンス

myObj.cars.car3 = "Mercedes Benz";

自分で試してみる

値を変更するために括弧を使用することもできます:

インスタンス

myObj.cars["car3"] = "Mercedes Benz";

自分で試してみる

オブジェクト属性を削除

使用 delete キーワードを使用して JSON オブジェクトの属性を削除する:

インスタンス

delete myObj.cars.car1;

自分で試してみる