最終更新:2023-07-21 (金) 03:08:21 (282d)  

ES2015/略記プロパティ名
Top / ES2015 / 略記プロパティ名

プロパティ名と値に指定する変数名が同じ場合は省略して書ける

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer

JavaScript/オブジェクト初期化子

  • プロパティ名と値に指定する変数名が同じ場合は{ name }のように省略して書ける
    const name = "名前";
    // `name`というプロパティ名で`name`の変数を値に設定
    const object = {
        name
    };
    console.log(object); // => { name: "名前" }

  • ES5
    let o = {a: 'foo', b: 42, c: {} }
  • ES2015
    let a = 'foo', b = 42, c = {}
    
    let o = {a: a, b: b, c: c}
    #上と同じ
    let o = {a, b, c}
    

関連