JavaScript：如何从变量创建对象属性名称和值

Question

我正在开发选择收集应用程序，但我一直在处理对象： 用户有卡片列表，每张卡片都有选项列表，每个选项都有 ID 和价格。我想在每张卡上收集用户选择，然后计算最终价格。我不知道卡片的确切名称，它们将被生成。我只知道所选卡片的类别或卡片列表计数。

数据收集：

var datacollection = {
    shape: {
        itemId: 1,
        price: 10
    },
    countmoney: function () {
        var cash = 0;
        $.each(this, function (id, item) {
            if (typeof (item) != 'function') {
                cash += item.price;
            }
        });
        return cash + ' $';
    }
};

从 .click(function() {

收集的数据

var cardClass = 'color';
var choiceId = 2;
var choicePrice = 50;

我可以插入新数据，但前提是我知道卡的名称

datacollection.color = {
    itemId: choiceId,
    price: choicePrice
};

但是如果我不知道卡片的可能名称怎么办？使用括号表示法应该是要走的路..但它不起作用。

cardClassTwo = 'material';

datacollection[cardClassTwo]['itemId'] = choiceId;
datacollection[cardClassTwo]['price'] = choicePrice;
// Uncaught TypeError: Cannot set property 'itemId' of undefined

console.log(datacollection.countmoney());

要玩的代码：http://jsfiddle.net/F5pt6/

Answer 1

将您的datacollection['material'] 初始化为一个对象，就像您之前所做的那样。

另外，正确引用值（如果它们在您之前的对象中）：

datacollection[cardClassTwo] = {
   itemId: datacollection.color.itemId,
   price: datacollection.color.price
};