Question

我想从两个数组中获取一个对象，并按以下方式完成。

for (var j = 0; j < rawDataRows.length; j++) {
        for (var i = 0; i < categories.length; i++) {
            var category = categories[i];
            var rowValue = rawDataRows[j];
            // here I do got the right value for category
            console.log(category); 
            console.log(rowValue);
            // but the following line doesn't interpret category as a variable
            formattedDataRows.push({category: rowValue});
        }
}

我假设我能得到类似的东西：

[{"category1": "value1"},{"category2": "value2"}, {"category3": "value3"}]

然而，事实证明我得到了：

[{"category": "value1"}, {"category": "value2"}, {"category": "value3"}]

有人能指出我错在哪里吗？此外，如果您有更好的方法来实现目标，请发表评论。 Javascript只有jQuery或其他框架。谢谢！

Answer 1

对象文字语法在ECMAScript 5及更低版本中，不允许您将变量标识符指定为属性名称。而是首先创建对象，然后使用括号表示法。

var o = {};
o[category] = rowValue;
formattedDataRows.push(o);

使用ECMAScript 6，您可以这样做：

formattedDataRows.push({[category]: rowValue});

虽然当然对语法的支持是有限的。

Answer 2

您可以使用categories[i].toString();按照您的意愿获取字符串：

＆＃13;

var categories = ["category1", "category2", "category3"];
var rawDataRows = ["value1", "value2", "value3"];
var formattedDataRows = [];

for (var j = 0; j < rawDataRows.length; j++) {
  for (var i = 0; i < categories.length; i++) {
    var category = categories[i].toString();
    var rowValue = rawDataRows[j].toString();

    var tmpObj = {}
    tmpObj[category] = rowValue
    formattedDataRows.push(tmpObj);
    
   //formattedDataRows.push({[category]: rowValue});
  }
}

document.write(JSON.stringify(formattedDataRows))

＆＃13;

Answer 3

如果你想让两个值一起递增（看起来如此），同时假设类别的长度与rawdataRows的长度相同，我认为你真的想要一个循环而不是两个循环：

for (var i = 0; i < categories.length; i++) {
            var category = categories[i];
            var rowValue = rawDataRows[i];

从Javascript中的两个嵌套数组中获取一个对象

3 个答案: