Is it possible to define a dynamically named property using object literal in JavaScript?(是否可以在 JavaScript 中使用对象文字定义动态命名的属性?)
问题描述
考虑以下
var a = {foo: "bar"};
相当于
var a = {};
a.foo = "bar";
相当于
var a = {};
a['foo'] = "bar";
相当于
var a = {}
var b = "foo";
a[b] = "bar";
是否可以做类似的事情
var b = "foo";
var a = { [b]: "bar" };
这样的结果是
// => {foo: "bar"}
<小时>
可接受的解决方案是 JavaScript 或 CoffeeScript
Acceptable solutions are in JavaScript or CoffeeScript
推荐答案
ES6 支持计算属性.
ES6 supports computed properties.
// code from my original question now works in ES6 !
let b = "foo";
let a = { [b]: "bar" };
a.foo; //=> "bar"
[]
中可以使用任何表达式来定义属性名称
Any expression can be used within the []
to define the property name
let a = {
[(xs => xs.join(''))(['f','o','o'])]: 'bar'
};
a.foo; //=> "bar"
如果你需要在 ES5 世界中依赖这种行为,你可以依赖非常强大的 babel.js将您的 ES6 代码转换为 ES5 兼容的代码.
If you need to rely on this behavior in an ES5 world, you can lean on the very capable babel.js to transpile your ES6 code to ES5-compatible code.
这篇关于是否可以在 JavaScript 中使用对象文字定义动态命名的属性?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:是否可以在 JavaScript 中使用对象文字定义动态命名的属性?
基础教程推荐
- 我什么时候应该在导入时使用方括号 2022-01-01
- 在for循环中使用setTimeout 2022-01-01
- 当用户滚动离开时如何暂停 youtube 嵌入 2022-01-01
- 在 JS 中获取客户端时区(不是 GMT 偏移量) 2022-01-01
- 角度Apollo设置WatchQuery结果为可用变量 2022-01-01
- Karma-Jasmine:如何正确监视 Modal? 2022-01-01
- 响应更改 div 大小保持纵横比 2022-01-01
- 有没有办法使用OpenLayers更改OpenStreetMap中某些要素 2022-09-06
- 悬停时滑动输入并停留几秒钟 2022-01-01
- 动态更新多个选择框 2022-01-01