物件縮寫

物件名稱與屬性名稱相同時，則不需要寫兩次，可以改成寫一次即可

// 原本寫法
const newTeam = {
  GinyuTeam: GinyuTeam,
  Frieza: Frieza
}

// 縮寫
const newTeam = {
  GinyuTeam,
    Frieza
}

物件函式縮寫

function這個詞彙如果使用在物件內，省略:function

原
const newTeam = {
  // ...
  showPosture: function () {
    console.log('我們是 基紐特戰隊')
  }
}
後
const newTeam = {
  // ...
  showPosture () {
    console.log('我們是 基紐特戰隊')
  }
}

變數作為物件屬性

[] 內則是變數，當然也可以搭配 Template String 使用。

let prop = 'Ming';
let value = '小明';

let teamMember = {
  [prop]: value,
  [`${prop}_invert`]: value.split("").reverse().join("")
}
console.log(teamMember);
// { Ming: "小明", Ming_invert: "明小" }

搭配解構使用

，可以執行以下的const newTeam(執行完一次必須重新整理，因為const不能重新宣告)，會看到兩者的物件結果不太一樣。

const GinyuTeam = {
  Ginyu: {
    name: '基紐'
  },
  Jeice: {
    name: '吉斯'
  },
  burter: { 
    name: '巴特'
  },
  // ...
}

const newTeam = {
  GinyuTeam
}//顯示比較多層
const newTeam = {
  ...GinyuTeam
}//直觀好懂