JavaScript オブジェクトのプロパティと関数を使用するサンプル

環境
Windows 10 Home 64bit
Google Chrome 107.0.5304.107

構文
1.オブジェクトの定義
const オブジェクト名 = {
プロパティ名1:値,
プロパティ名配列2:[要素1,要素2,…]
関数名:function(){
処理コード}
}

2.オブジェクトのプロパティを取得します
オブジェクト名.プロパティ名

2.関数を呼びだします
オブジェクト名.関数名

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
const User = {
//プロパティ名
name: "東京 太郎",
//プロパティ配列
skill: ["java", "php"],
//関数
getName: function () {
return "名前:" + this.name;
}
};
console.log("プロパティ名の値: "+User.name);
console.log("プロパティ配列の要素: "+User.skill);
console.log("オブジェクトの関数: "+User.getName());
const User = { //プロパティ名 name: "東京 太郎", //プロパティ配列 skill: ["java", "php"], //関数 getName: function () { return "名前:" + this.name; } }; console.log("プロパティ名の値: "+User.name); console.log("プロパティ配列の要素: "+User.skill); console.log("オブジェクトの関数: "+User.getName());
const User = {
    //プロパティ名
    name: "東京 太郎",
      //プロパティ配列
    skill: ["java", "php"],
      //関数
    getName: function () {
      return "名前:" + this.name;
    }
  };
console.log("プロパティ名の値: "+User.name); 
console.log("プロパティ配列の要素: "+User.skill); 
console.log("オブジェクトの関数: "+User.getName());

実行結果
> “プロパティ名の値: 東京 太郎"
> “プロパティ配列の要素: java,php"
> “オブジェクトの関数: 名前:東京 太郎"

JavaScript

Posted by arkgame