「JSON」文字列をjsonとして解析するサンプル

2021年9月7日

構文
const 変数名 = 'json型データ’
const オブジェクト変数名 = JSON.parse(変数名)
セレクタ.innerHTML= オブジェクト変数名.json属性

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<body>
<h2>JSONを解析するオブジェクトの作成サンプル</h2>
<div id="kdf"></div>
<script>
//json型文字列
const cftJson= '{"name":"us007", "age":23, "addr":null}';
//文字列をJSON として解析する
const resObj = JSON.parse(cftJson);
//セレクタkdfにJSONオブジェクトの属性を表示
document.getElementById("kdf").innerHTML = resObj.age;
</script>
</body>
</html>
<!DOCTYPE html> <html> <body> <h2>JSONを解析するオブジェクトの作成サンプル</h2> <div id="kdf"></div> <script> //json型文字列 const cftJson= '{"name":"us007", "age":23, "addr":null}'; //文字列をJSON として解析する const resObj = JSON.parse(cftJson); //セレクタkdfにJSONオブジェクトの属性を表示 document.getElementById("kdf").innerHTML = resObj.age; </script> </body> </html>
<!DOCTYPE html>
<html>
<body>

<h2>JSONを解析するオブジェクトの作成サンプル</h2>
<div id="kdf"></div>

<script>
//json型文字列
const cftJson= '{"name":"us007", "age":23, "addr":null}';

//文字列をJSON として解析する
const resObj = JSON.parse(cftJson);

//セレクタkdfにJSONオブジェクトの属性を表示
document.getElementById("kdf").innerHTML = resObj.age;
</script>

</body>
</html>

 

JSON

Posted by arkgame