JavaScript 对象可计算的属性名

应用场景

JavaScript中可以通过点号(.)或者方括号([])与属性名结合访问对象属性，但是如果属性名包含了 特殊字符 或者 中文 ，亦或是需要通过计算才能够得到属性名，则用方括号和计算组合获取。

示例

let obj = {
    
    };
let a = "a";
obj['b B'] = "Bb"; // 属性名中有空格 
obj[a + ' A'] = "Aa"; // 属性名由表达式计算得到
console.log(obj);// {b B: "Bb", a A: "Aa"}

在字面量对象中用属性和值的方式使用可计算的属性名

let a = "a";
let obj = {
    
    
    ['b B'] : "Bb",
    [a + ' A'] : "Aa"
};
console.log(obj)
//{b B: "Bb", a A: "Aa"}