在尚未使用 ES6 語法前,我們在寫物件的時候只能使用 物件[屬性名] 或 物件.屬姓名 去取得屬性值,例如:
而如果我們把屬性名(key)存在一個變數,然後透過 物件名[變數名] 去取物件的值,是無法成功的
不過 ES6 中的 Computed property names(動態計算屬性名)解決了這個問題:我們把 attrName 用中括號包起來,這就是動態計算屬性名的用法,它可以將 [] 內的值當成屬性名, [] 內可以放變數名,可以放數學的計算式甚至是有回傳值的函式
應用範例:
Computed property names 的介紹就到這邊結束,感謝閱讀:)