ray88’s diary

お仕事で困ったとき用の自分用の覚書

トップ > JavaScript > JavaScript オブジェクトの定義（オブジェクト変数の宣言）

JavaScript オブジェクトの定義（オブジェクト変数の宣言）

JavaScript

■オブジェクトの定義

オブジェクト = ｛プロパティ名１:プロパティ値１,プロパティ名２: プロパティ値２,････｝

■空のオブジェクトを定義

var empty = {};

■長さ５センチの赤ペンを定義

var pen = {
      color: "red";,
      length: 5
}

■使用例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
            var pen = {
                color:"red",
                length:5
            }
            function checkLength(){
                document.getElementById("length").textContent = pen.length
            }
        </script>        
    </head>
    <body>
        <button onclick="checkLength()">長さチェック</button>
        <p>鉛筆のながさは<span id="length"></span>cm</p>
    </body>
</html>

f:id:ray88:20200517094536p:plain