使用嵌套在 .map 中的 .find 构建对象数组

Question

我有 2 个数组。

1) 一个 ID 数组。前任。 item_ids: [1, 4, 12]

2) 对象数组

例如。

items: [
  0: {id: 1...},
  1: {id: 5...},
  2: {id: 12...}
]

我需要构建一个新数组，其中包含来自第二个数组 items 的对象，其 ID 在第一个数组中。

在这种情况下，它将是一个由对象 1 和 3 组成的数组，因为它们的 ID 存在于第一个数组中

这是我目前正在尝试的，但它为所有三个对象返回 undefined（在我使用它的示例中有 3 个）

let new_avails = avails.avails_to_update.map(id => {
      this.state.availabilities.availabilities.find(function(a) {
        return a.id == id
      })
    }, this)

avails_to_update == 身份证

this.state.availabilities.availabilities == 对象数组

Answer 1

由于the nature of Sets：以下解决方案比在Array.prototype.filter() 中嵌套Array.prototype.includes() 少time complex。

请参阅和Set.has() 了解更多信息。

// Input.
const items = [{id: 1},{id: 5},{id: 12}]
const ids = [1, 4, 12]

// Filter.
const filter = (x, y) => {
  const s = new Set(y)
  return x.filter(({id}) => s.has(id))
}

// Output.
const output = filter(items, ids)

// Proof.
console.log(output)

Answer 2

函数map 将创建一个与原始数组长度相同的新数组。

使用函数filter 和函数includes 来完成您的要求。

var item_ids= [1, 4, 12],
    items= [{id: 1},{id: 5},{id: 12}],
    filtered = items.filter(item => (item_ids.includes(item.id)));

console.log(filtered)

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