「JSON」javascriptオブジェクトでjson配列を取得する

2014年8月20日2021年9月7日

書式
const 変数名 = jsonデータ
変数名.json属性

使用例

<!DOCTYPE html>

<html>

<body>

<h2>JavaScriptオブジェクトを取得</h2>

//jsonデータの定義

const fObj = {username:"user007",

age:30,

city:"東京"};

//セレクタ名cftにjsonデータのusernameを表示

document.getElementById("cft").innerHTML = fObj.username;

</script>

</body>

</html>

<!DOCTYPE html> <html> <body> <h2>JavaScriptオブジェクトを取得</h2> <div id="cft"></div> <script> //jsonデータの定義 const fObj = {username:"user007", age:30, city:"東京"}; //セレクタ名cftにjsonデータのusernameを表示 document.getElementById("cft").innerHTML = fObj.username; </script> </body> </html>

<!DOCTYPE html>
<html>
<body>

<h2>JavaScriptオブジェクトを取得</h2>
<div id="cft"></div>

<script>
 //jsonデータの定義
const fObj = {username:"user007", 
               age:30, 
               city:"東京"};
 //セレクタ名cftにjsonデータのusernameを表示
document.getElementById("cft").innerHTML = fObj.username;
</script>

</body>
</html>

JSON

Posted by arkgame

関連投稿: