「JSON」forループでjsonオブジェクトの配列の要素を取り出す

2014年8月9日2021年9月7日

書式
for(int i=0; i<jsonオブジェクト名.配列名.length;i++)
配列の要素：jsonオブジェクト名.配列名[i]

使用例

<!DOCTYPE html>
<html>
<body>

<h2>for文で配列のオブジェクトを取得</h2>
<div id="show"></div>

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

//文字列をjsonとして解析　jsonオブジェクトの宣言
const jsonObj = JSON.parse(cfJson);

//for文で配列の要素をループ
let result = "";

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

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

</script>

</body>
</html>

結果
東京,大阪,福岡,横浜,

JSON

Posted by arkgame

関連投稿: