优化从另一个数组排序数组

Question

我有两个数组，一个包含一些项目，另一个包含这些项目的 排序 id，如下所示：

const items = [
    { id: 1, label: 'foo' },
    { id: 2, label: 'bar' },
    { id: 3, label: 'lorem' },
    { id: 4, label: 'ipsum' },
]

const sortedItemIds = [4, 3, 2, 1]

我想要另一个包含按 id 排序的项目的数组，如下所示：

const sortedItems = [
    { id: 4, label: 'ipsum' },
    { id: 3, label: 'lorem' },
    { id: 2, label: 'bar' },
    { id: 1, label: 'foo' },
]

请注意，顺序可能不是什么，不是asc 或desc

我编写了这段代码，工作得很好：

let sortedItems = []
sortedItemIds.map((itemId, index) => {
    items.map(item) => {
        if (item.id === itemId) {
            sortedItems[index] = item
        }
    }
})

由于嵌套的 Array.map() 函数，我觉得我可能会遇到大量项目的问题

对于这种情况有更好的方法/最佳实践吗？

Answer 1

您可以创建一个键为 id 的对象，然后使用该对象通过 id 获取值。

const items = [{ id: 1, label: 'foo' },{ id: 2, label: 'bar' },{ id: 3, label: 'lorem' },{ id: 4, label: 'ipsum' }]
const sortedItemIds = [4, 3, 2, 1]

const obj = {}
items.forEach(o => obj[o.id] = o);

const sortedItems = sortedItemIds.map(e => Object.assign({}, obj[e]));
console.log(sortedItems)

Answer 2

您不需要函数映射来执行此操作，只需使用 find Array.indexOf 和 Array.sort 对其进行排序。

const items = [{ id: 1, label: 'foo' },{ id: 2, label: 'bar' },{ id: 3, label: 'lorem' },{ id: 4, label: 'ipsum' }],
      sortedItemIds = [4, 3, 2, 1];

items.sort((a, b) => sortedItemIds.indexOf(a.id) - sortedItemIds.indexOf(b.id));
console.log(items);

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