JSON 配列

❮ 前章へ 次章へ ❯

JSONオブジェクトとしての配列

[ "Ford", "BMW", "Fiat" ]

JSONの配列は、JavaScriptの配列とほぼ同じです。

JSONでの配列の値の型は、文字列、数値、オブジェクト、配列、ブール値、nullの何れかでなければなりません。

JavaScriptでの配列の値は、上記のものに加えて、関数、日付、undefinedを含む、 他の有効なJavaScript式にすることができます。


JSONオブジェクトの配列

配列には、オブジェクトプロパティの値を指定できます:

{
"name":"John",
"age":30,
"cars":[ "Ford", "BMW", "Fiat" ]
}

配列の値へのアクセス

インデックス番号を使用して配列値にアクセスします:

x = myObj.cars[0];
Try it Yourself »

配列をループする

for-inループを使用すると、配列値にアクセスできます:

for (i in myObj.cars) {
    x += myObj.cars[i];
}
Try it Yourself »

または、forループを使うこともできます:

for (i = 0; i < myObj.cars.length; i++) {
    x += myObj.cars[i];
}
Try it Yourself »

JSONオブジェクトのネストした配列

配列内の値は別の配列でも、別のJSONオブジェクトにもできます:

myObj = {
    "name":"John",
    "age":30,
    "cars": [
        { "name":"Ford", "models":[ "Fiesta", "Focus", "Mustang" ] },
        { "name":"BMW", "models":[ "320", "X3", "X5" ] },
        { "name":"Fiat", "models":[ "500", "Panda" ] }
    ]
 }

配列内の配列にアクセスするには、各配列にfor-inループを使用します:

for (i in myObj.cars) {
    x += "<h1>" + myObj.cars[i].name + "</h1>";
    for (j in myObj.cars[i].models) {
        x += myObj.cars[i].models[j];
    }
}
Try it Yourself »

配列の値の変更

インデックス番号を使用して配列を変更します:

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

配列項目の削除

配列から項目を削除するには、deleteキーワードを使用します:

delete myObj.cars[1];
Try it Yourself »

❮ 前章へ 次章へ ❯