JavaScriptでオブジェクトの使い方

キーと値を持つJavaScriptオブジェクトの作成・アクセス方法を実例で学べます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

const user = {
  name: "田中",
  age: 28,
  greet() {
    return `${this.name}です`;
  }
};

console.log(user.name);       // ドット記法
console.log(user["age"]);     // ブラケット記法
console.log(user.greet());

user.city = "東京";           // プロパティ追加
console.log(Object.keys(user));

ポイント解説

• { キー: 値 }でオブジェクトを作成します。
• obj.keyまたはobj["key"]で値にアクセスします。
• メソッド内のthisは自身のオブジェクトを指します。