javascript - 从对象和数组创建对象数组

Question

我有一个对象:

items =  {
    0: "foo",
    1: "bar",
    2: "baz"
};

和一个数组:

category = [
    "type1",
    "type2",
    "type3"
];

我想将这些与所需的输出合并:

newArray = [
    {type1:"foo"},
    {type2:"bar"},
    {type3:"baz"}
];

我认为我可以使用如下所示的 for 循环非常简单地完成它(尽管任何方法都可以):

var obj = {};
for (var i = 0; i < category.length; i++) { 
    obj [category[i]] = items[i];
    newArray.push(obj);
}

我实际得到的是:

[{"type1":"foo","type2":"bar","type3":"baz"},
 {"type1":"foo","type2":"bar","type3":"baz"},
 {"type1":"foo","type2":"bar","type3":"baz"}]

我猜它每次都会为每个 obj 遍历 i 的所有实例，但我该如何修改以获得所需的输出？

https://jsfiddle.net/ormxq0y4/3/

Answer 1

每次迭代都需要一个新对象

for (var i = 0; i < category.length; i++) { 
   var obj = {};
   obj [category[i]] = items[i];
   newArray.push(obj);
}