JSON オブジェクト

❮ 前章へ 次章へ ❯

オブジェクトの構文

{ "name":"John", "age":30, "car":null }

JSONオブジェクトは波括弧 {} で囲みます。

JSONオブジェクトはキーと値のペアで記述します。

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

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

各キー/値のペアはコンマで区切ります。


オブジェクトの値へのアクセス

ドット(.)表記を使用してオブジェクトの値にアクセスできます:

myObj = { "name":"John", "age":30, "car":null };
x = myObj.name;
Try it Yourself »

ブラケット([])表記を使用してオブジェクトの値にアクセスすることもできます:

myObj = { "name":"John", "age":30, "car":null };
x = myObj["name"];
Try it Yourself »

オブジェクトをループ

for-in ループを使用すると、オブジェクトのプロパティをループすることができます:

myObj = { "name":"John", "age":30, "car":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += x;
}
Try it Yourself »

for-in ループでは、角括弧表記を使用してプロパティにアクセスします:

myObj = { "name":"John", "age":30, "car":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += myObj[x];
}
Try it Yourself »

ネストしたJSONオブジェクト

JSONオブジェクトの値は、他のJSONオブジェクトにすることができます。

myObj = {
    "name":"John",
    "age":30,
    "cars": {
        "car1":"Ford",
        "car2":"BMW",
        "car3":"Fiat"
    }
 }

ネストしたJSONオブジェクトには、ドット表記法または角括弧を使用してアクセスできます:

x = myObj.cars.car2;
//or:
x = myObj.cars["car2"];
Try it Yourself »

値の変更

JSONオブジェクト内の任意の値を変更するために、ドット表記を使用することができます:

myObj.cars.car2 = "Mercedes";
Try it Yourself »

角括弧記法を使用して、JSONオブジェクトの値を変更することもできます:

myObj.cars["car2"] = "Mercedes";
Try it Yourself »

オブジェクトのプロパティの削除

deleteキーワードを使用すると、JSONオブジェクトからプロパティを削除します:

delete myObj.cars.car2;
Try it Yourself »

❮ 前章へ 次章へ ❯