「JSON」JSONテキストをJavaScriptオブジェクトに変換する

構文
1.json型文字列の定義
'{オブジェクト名:[{属性1:値1},{属性2:値2},{属性3:値3}]’
2.jsonオブジェクトの属性を取得
セレクタ名.innerHTML =javascriptオブジェクト名.jsonオブジェクト名「インデックス」.属性

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!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 川崎

JSON

Posted by arkgame