javascript - JavaScriptでオブジェクトリテラルを使用して動的に名前が付けられたプロパティを定義することは可能ですか?

Question

次のことを考慮してください

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 にあります

Answer 1

いいえ。

オブジェクトリテラル表記を使用してそれを行う方法はありません。

---

更新: ECMAScript 標準 6.0によれば、次のことができるようになりました。

var b = 'foo';
var a = { [b]: 'bar' };

console.log( a.foo );  // "bar"

ただし、このソリューションは、ES6 をサポートしていない古いブラウザーでは機能しません。

Answer 2

いいえ、他の人が言ったように、現在、CoffeeScript のオブジェクト リテラルに挿入されたキー文字列の構文はありません。しかし、ある時点でこの機能が存在していたようです! これらの GitHub の問題には、それに関するいくつかの議論があります: #786および#1731。

CocoとLiveScriptでは次のように実装されています。

b = 'foo'
a = {"#{b}": 'baz'}

# Or..
a = {(b): 'bar'}

Answer 3

JavaScript

var a, b;
(a = {})[b = 'foo'] = 'bar';

コーヒースクリプト

(a = {})[b = 'foo'] = 'bar'