「JSON」jsonデータから配列を変換する

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

構文
1.const 配列名 =JSON.parse(jsonデータ)
2.セレクタ.innerHTML =配列名

使用例

<!DOCTYPE html>

<html>

<body>

<h2>JSONから配列を作成するサンプル</h2>

//json文字列の定義

const cityJson = '["東京", "大阪", "福岡","横浜"]';

//jsonから配列に変換

const resArray = JSON.parse(cityJson);

//セレクタshowで配列の要素を表示

document.getElementById("show").innerHTML = resArray;

</script>

</body>

</html>

<!DOCTYPE html> <html> <body> <h2>JSONから配列を作成するサンプル</h2> <div id="show"></div> <script> //json文字列の定義 const cityJson = '["東京", "大阪", "福岡","横浜"]'; //jsonから配列に変換 const resArray = JSON.parse(cityJson); //セレクタshowで配列の要素を表示 document.getElementById("show").innerHTML = resArray; </script> </body> </html>

<!DOCTYPE html>
<html>
<body>

<h2>JSONから配列を作成するサンプル</h2>
<div id="show"></div>

<script>
//json文字列の定義
const cityJson = '["東京", "大阪", "福岡","横浜"]';

//jsonから配列に変換
const resArray = JSON.parse(cityJson);

//セレクタshowで配列の要素を表示
document.getElementById("show").innerHTML = resArray;
</script>

</body>
</html>

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

JSON

Posted by arkgame

関連投稿: