javascript - 如何使用顺序数组重新排序对象数组？

Question

我需要对数组中的一些对象重新排序。

假设这是我的数据数组:

const data = [
  { id: 'ETHUVMY0m', name: 'item 1', value: 'value 1' },
  { id: 'McfTB40vO', name: 'item 2', value: 'value 2' }
]

还有另一个数组，代表新的顺序:

const order = [ 'McfTB40vO', 'ETHUVMY0m' ]

如您所见，第二项排在第一位。

所以结果应该是:

[
  { id: 'McfTB40vO', name: 'item 2', value: 'value 2' },
  { id: 'ETHUVMY0m', name: 'item 1', value: 'value 1' }
]

我想到了使用 forEach 循环:

data.forEach(d => {
  order.indexOf(d.id) // get new index
  // but how to reorder the array?
})

Answer 1

将数据转换为Map id 的对象。然后使用 Array.map()在 order 数组上，并从 Map 中获取相关项目:

const data = [
  { id: 'ETHUVMY0m', name: 'item 1', value: 'value 1' },
  { id: 'McfTB40vO', name: 'item 2', value: 'value 2' }
]

const order = [ 'McfTB40vO', 'ETHUVMY0m' ]

const dataMap = new Map(data.map(o => [o.id, o]))
const result = order.map(id => dataMap.get(id))

console.log(result)