你不知道的JS系列 ( 30 ) - 对象属性( 可计算属性名 )

Posted Zina

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了你不知道的JS系列 ( 30 ) - 对象属性( 可计算属性名 )相关的知识,希望对你有一定的参考价值。

如果你需要通过表达式来计算属性名, [] 操作符就派上用场了。ES6 中使用 [] 包裹一个表达式来当作属性名
var prefix = ‘foo‘;
var myObject = {
  [prefix + ‘bar‘]: ‘hello‘,
  [prefix + ‘baz‘]: ‘world‘,
}

myObject[‘foobar‘]; // hello
myObject[‘foobaz‘]; // world

 

 

以上是关于你不知道的JS系列 ( 30 ) - 对象属性( 可计算属性名 )的主要内容,如果未能解决你的问题,请参考以下文章

你不知道的JS系列 ( 33 ) - 对象复制

你不知道的JS系列 ( 39 ) - 对象遍历

你不知道的JS5-原型

你不知道的JS系列上( 45 ) - 显式混入

《你不知道的JS(中卷)》对象

你不知道的This和Class