JSON 基礎トレーニング

JSON配列

JSON配列はJavaScript配列に似ています。

JSON配列は値の順序付きリストを表します。JSON配列には文字列、数字、ブール値、またはオブジェクトを格納できます。

JSONオブジェクトの配列

配列はオブジェクトの属性の値として使用できます。

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends":　[　"デッドプール",　"ハルク",　"サノス"　]
}

試してみる ‹/›

配列の値にアクセス

配列の各要素のインデックスを使用して配列の値にアクセスできます。

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends":　[　"デッドプール",　"ハルク",　"サノス"　]
}
myJSON.friends[2　　//　returns　"Thanos"

試してみる ‹/›

配列を巡回

このfor-inループは配列を巡回するために使用できます。

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends":　[　"デッドプール",　"ハルク",　"サノス"　]
}
for　(let　x　in　myJSON.friends)　{
document.getElementById("output").innerHTML　+=　myJSON.friends[x];
}

試してみる ‹/›

JSON对象中的嵌套数组

在嵌套数组中，另一个数组也可以是一个数组的值。

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends":　[
　　{　"heroName":　"Deadpool",　"skills":　["Martial　artist",　"Assassin"]　},
　　{　"heroName":　"Hulk",　"skills":　["Superhuman　Speed",　"Superhuman　Strength"]　},　
　　{　"heroName":　"Thanos",　"skills":　["Telepathy",　"Superhuman　senses"]　}
　　]　
}
myJSON.friends[2].heroName;　　//　returns　"Thanos"

試してみる ‹/›

嵌套for-in循环可用于访问数组内部的数组。

示例

for(let　i　in　myJSON.friends)　{
　　　x　+=　""　+　myJSON.friends[i].heroName　+　"";
　　　for(let　j　in　myJSON.friends[i].skills)　{
　　　　　　x　+=　myJSON.friends[i].skills[j]　+　"
";
　　　}
}
document.getElementById("output").innerHTML　=　x;

試してみる ‹/›