1. 程式人生 > >ES6屬性名錶達式

ES6屬性名錶達式

實際開發中,我們有時候需要使用變數作為物件屬性名來拼接屬性名或者獲取物件動態變化的屬性名的屬性值,這時候就需要用到表示式作為屬性名這種方式了。

屬性名(鍵名)可以通過變數依賴來生成。
注意:使用表示式作為屬性名,必須使用方括號[]!

let obj = {};
let str = "One";
obj.food = "apple";  //使用識別符號作為屬性名
obj["color" + str] = "red"; //使用表示式作為屬性名,必須使用方括號
console.log(obj); // {food: "apple", colorOne: "red"}


let propKey =
"foo"; //這種使用字面量方式定義物件(就是寫在大括號內),用表示式作為物件的屬性名是es6新增的寫法 let obj2 = { [propKey] :true, ["color" + "Two"]:"white" }; console.log(obj2); //{foo: true, colorTwo: "white"}