「JSON」jsonの文字列、数値からオブジェクトに変換

構文
const 変数A = jsonデータ
const 変数B = JSON.parse(変数A)
document.getElementById(ID名).innerHTML = 変数B.json属性名

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<body>
<h2>JSON文字列からのオブジェクトの作成サンプル</h2>
<div id="show"></div>
<script>
//json文字列の定義 javascriptオブジェクトの宣言
const user = '{"username":"yuser1002", "age":30, "addr":"dummy addr"}'
//json文字列からjavascriptオブジェクトに変換
const cftObj = JSON.parse(user);
//セレクタ名showにjsオブジェクトの値
document.getElementById("show").innerHTML = cftObj.username + ",<br>"+
cftObj.age +",<br>"+
cftObj.addr;
</script>
</body>
</html>
<!DOCTYPE html> <html> <body> <h2>JSON文字列からのオブジェクトの作成サンプル</h2> <div id="show"></div> <script> //json文字列の定義 javascriptオブジェクトの宣言 const user = '{"username":"yuser1002", "age":30, "addr":"dummy addr"}' //json文字列からjavascriptオブジェクトに変換 const cftObj = JSON.parse(user); //セレクタ名showにjsオブジェクトの値 document.getElementById("show").innerHTML = cftObj.username + ",<br>"+ cftObj.age +",<br>"+ cftObj.addr; </script> </body> </html>
<!DOCTYPE html>
<html>
<body>

<h2>JSON文字列からのオブジェクトの作成サンプル</h2>

<div id="show"></div>

<script>

//json文字列の定義 javascriptオブジェクトの宣言
const user = '{"username":"yuser1002", "age":30, "addr":"dummy addr"}'

//json文字列からjavascriptオブジェクトに変換
const cftObj = JSON.parse(user);

//セレクタ名showにjsオブジェクトの値
document.getElementById("show").innerHTML = cftObj.username + ",<br>"+
                                            cftObj.age +",<br>"+
                                            cftObj.addr;
</script>

</body>
</html>

結果

yuser1002,
30,
dummy addr

JSON

Posted by arkgame