javascript - 如何基于两个数组创建数组

Question

我有一个对象数组，这个数组包含不同的名称。

[ "Foo", "Bar", "Test", "Other" ];

还有另一个对象数组

[ { name:"Bar", value: 159 }, { name: "Foo", value: 120 }, { name: "Other", value: 1230 } ]

我需要为它们创建一个数组，新数组包含大小为 2 的子数组，第一个索引名称，第二个索引值。 数组的顺序需要与第一个(名称数组)相同。

喜欢

[ ["Foo", 120], ["Bar", 159], ["Test", undefined], ["Other", 1230] ]

所以我尝试了这段代码，但我的输出不正确。名称顺序正确，但值顺序不正确。

var order = ["Foo", "Bar", "Test", "Other"];
var values = [{ name: "Bar", value: 159 }, { name: "Foo", value: 120 }, { name: "Other", value: 1230 }];

var array = order.map(function(name, i) {
  return [name, (values[i] && values[i].value) ];
})

console.log(array)

Answer 1

你可以拿一个Map并按需要的顺序获取元素。

var names = [ "Foo", "Bar", "Test", "Other" ],
    objects = [{ name: "Bar", value: 159 }, { name: "Foo", value: 120 }, { name: "Other", value: 1230 }],
    map = new Map(objects.map(({ name, value }) => [name, value])),
    result = names.map(name => [name, map.get(name)])

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }