問題一覧に戻る
中級es6
問題83: オブジェクトの省略記法

ES6で導入されたオブジェクトの省略記法を学びましょう。プロパティ名と変数名が同じ場合、コロンと値の部分を省略できます。また、メソッド定義もfunctionキーワードを省略した短縮構文が使えます。これにより、より簡潔で読みやすいコードが書けます。特にAPIレスポンスの処理、オブジェクトリテラルの作成、モジュールのエクスポートなどで頻繁に使用される便利な機能です。

// 省略記法
const name = "太郎";
const age = 25;

// ユーザー作成
const user = { ,  };
console.log("ユーザー: " + JSON.stringify(user));

// メソッド省略記法
const person = {
  name,
  () {
    return "こんにちは、" + this.name + "さん";
  }
};

console.log(person.greet());