ES6 語法-Computed property names (動態計算屬性名)介紹

Harry Xie
1 min readFeb 15, 2020

--

在尚未使用 ES6 語法前,我們在寫物件的時候只能使用 物件[屬性名]物件.屬姓名 去取得屬性值,例如:

而如果我們把屬性名(key)存在一個變數,然後透過 物件名[變數名] 去取物件的值,是無法成功的

不過 ES6 中的 Computed property names(動態計算屬性名)解決了這個問題:我們把 attrName 用中括號包起來,這就是動態計算屬性名的用法,它可以將 [] 內的值當成屬性名, [] 內可以放變數名,可以放數學的計算式甚至是有回傳值的函式

應用範例:

Computed property names 的介紹就到這邊結束,感謝閱讀:)

--

--

Harry Xie

這輩子做過最不後悔的選擇就是成為軟體工程師。更多關於我 : https://linktr.ee/harry.xie