如何有效地匹配两个不同的javascript对象上的id并将它们合并在一起？

Question

这有点类似于联接表。 我有两个不同的javascript对象。 这些对象之一是对象数组，其中该对象中的属性之一是ID数组。 这些ID直接映射到另一个javascript对象数组。

恩。

users = [{
  name: 'Bob',
  birthday: '01-02-1990',
  favorite_color_ids: ['2', '4', '6']
},
{
....etc

}]

colors: [{
  id: 2,
  name: 'red',
  hex_val: '#FF0000'
},
{
  ...etc
}]

我想在用户数组中的每个对象上创建另一个属性，称为“ favorite_color_names”。 什么是最有效的方法？ 当前有许多嵌套的_.each操作。

Answer 1

在上面的评论中扩展一下，如果您需要经常按ID访问颜色，但是不能从Array更改结构，那么我将继续并动态创建一个对象结构，以按ID引用每种颜色。

var colors_by_id = {}

colors.forEach(color) {
    colors_by_id[color.id] = color
})

然后，您可以根据需要为每个用户创建名称数组（尽管它似乎不那么重要，因为您现在可以随时随地轻松获取它） 。

users.forEach(user) {
    user.favorite_color_names = user.favorite_color_ids.map(function(id) {
        return colors_by_id[id].name
    })
})