假设有一个空对象person与一个值为“age”的常量prop,现在我想让prop的值作为对象person的一个属性,同时给这个属性的值赋值为18,该怎么做呢?有人应该会想到,能不能用点语法实现呢👇
const prop = 'age';
const person = {};
person.prop = 18;
可惜输出person的结果是:
{prop: 18}
很明显不是我们想要的结果,正确实现方式为使用方括号语法:
const prop = 'age';
const person = {};
person[prop] = 18;
此时输出person就能得到我们想要的结果了:
{age: 18}
ES6出现后方括号语法可以写在对象字面量中了👇
const prop = 'age';
const person = {
[prop]: 18
};
输出person的结果和上面是一样的 ~
补充一下,方括号里面不仅可以放值,还可以放表达式👇
const prop = 'age';
const func = () => 'age2';
const person = {
[prop]: 18 // {age: 18}
[func()]: 18; // {age2: 18}
['sex']: 'male'; // {sex: "male"} 没必要这么做,只是举个能放字符串的例子
['na' + 'me']: 'Jae'; // {name: "Jae"} 没必要这么做+1,只是举个能拼接字符串的例子
}
注意:
当属性名或者方法名是合法标识符(由数字、字母、下划线以及$构成,并且数组不能开头)时,可以使用点语法,其他情况下请使用方括号语法
例如:age22_$
像22age这种就不行
完 ~