「JSON」JSONテキストをJavaScriptオブジェクトに変換する
構文
1.json型文字列の定義
'{オブジェクト名:[{属性1:値1},{属性2:値2},{属性3:値3}]’
2.jsonオブジェクトの属性を取得
セレクタ名.innerHTML =javascriptオブジェクト名.jsonオブジェクト名「インデックス」.属性
使用例
<!DOCTYPE html>
<html>
<body>
<h3>JSON文字列からオブジェクトを作成するサンプル</h3>
<div id="demo"></div>
<script>
//jsonオブジェクト型文字列の定義
let text = '{"users":[' +
'{"username":"user01","addr":"東京" },' +
'{"username":"user02","addr":"横浜" },' +
'{"username":"user03","addr":"川崎" }]}';
//json文字列をjavascriptオブジェクトに変換
const cftObj = JSON.parse(text);
//javascript変数名.jsonオブジェクト名[インデックス].属性
document.getElementById("demo").innerHTML =
cftObj.users[2].username + " " + cftObj.users[2].addr;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h3>JSON文字列からオブジェクトを作成するサンプル</h3>
<div id="demo"></div>
<script>
//jsonオブジェクト型文字列の定義
let text = '{"users":[' +
'{"username":"user01","addr":"東京" },' +
'{"username":"user02","addr":"横浜" },' +
'{"username":"user03","addr":"川崎" }]}';
//json文字列をjavascriptオブジェクトに変換
const cftObj = JSON.parse(text);
//javascript変数名.jsonオブジェクト名[インデックス].属性
document.getElementById("demo").innerHTML =
cftObj.users[2].username + " " + cftObj.users[2].addr;
</script>
</body>
</html>
<!DOCTYPE html> <html> <body> <h3>JSON文字列からオブジェクトを作成するサンプル</h3> <div id="demo"></div> <script> //jsonオブジェクト型文字列の定義 let text = '{"users":[' + '{"username":"user01","addr":"東京" },' + '{"username":"user02","addr":"横浜" },' + '{"username":"user03","addr":"川崎" }]}'; //json文字列をjavascriptオブジェクトに変換 const cftObj = JSON.parse(text); //javascript変数名.jsonオブジェクト名[インデックス].属性 document.getElementById("demo").innerHTML = cftObj.users[2].username + " " + cftObj.users[2].addr; </script> </body> </html>
結果
user03 川崎