「JSON」for文でjsonオブジェクトの配列の要素を取得

2021年9月7日

構文
for(int i in jsonオブジェクト名.配列名)
配列の要素:jsonオブジェクト名.配列名「インデックス」

使用例

<!DOCTYPE html>
<html>
<body>

<h2>配列のオブジェクトを取得するサンプル</h2>
<p id="show"></p>


<script>
//jsonオブジェクト配列の定義
const cfJson = '{"name":"01user", "city":["東京", "大阪", "福岡"]}';

//jsonオブジェクトを並列に変換
const resObj = JSON.parse(cfJson);

//for文で配列の要素をループ
let result = "";
 //jsonオブジェクトの配列city
for(let i in resObj.city) {
   result +=resObj.city[i] + ",";
}

// セレクタshowに配列からオブジェクトの要素を取得
document.getElementById("show").innerHTML = result

</script>

</body>
</html>

結果
東京,大阪,福岡,

JSON

Posted by arkgame