javascript - 如何在带有可变键的一条语句中声明一个嵌套的 Javascript 对象

Question

这可能是 Ruby 做得更好的地方，但是有没有更好的方法来编写这段 Javascript 代码(用于 React):

handleCellChange: function(rowIdx, prop, val) {
    var updateObj = {};
    updateObj.data = {};
    updateObj.data[rowIdx] = {};
    updateObj.data[rowIdx][prop] = { $set: val };

    var newState = React.addons.update(this.state, updateObj);

Answer 1

在 ES6 中你可以使用计算属性名:

updateObj = { data: { [rowIdx]: { [prop]: {$set: val} } } };

您可以在 Traceur 或 Firefox nightly 等中使用它(但还不能在 node --harmony 中使用)。

这里有一个东西可以为你转换这个语法:https://www.npmjs.org/package/es6-computed-property-keys .

有关详细信息，请参阅 http://wiki.ecmascript.org/doku.php?id=harmony:object_literals#object_literal_computed_property_keys .另请参阅 http://kangax.github.io/compat-table/es6/# 中的“计算属性”项.