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

2021年9月7日

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

使用例

<!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

関連記事: