通过数组值从集合中获取项目

Question

我想知道从集合中通过数组元素获取元素的最佳和最简单的方法是什么 - 是否可以使用本机 js？

这是怎么回事：

const ids = [1, 2, 3, 4]
const collection = [{id: 2}, {id: 234}, {id:1}, {id: 345}, {id: 3}, {id:4}, {id:323}];

预期的输出应该是这样的：

[{id: 1}, {id: 2}, {id: 3}, {id: 4}]

lodash 是否已经内置了一些东西？我知道我们可以使用 filter 和 indexOf 但我想知道最短和最简单的方法是什么。

Answer 1

由于输出顺序必须与ids 同步，请使用map 和find

var output = ids.map( s => collection.find( t => t.id == s ) )

演示

var ids = [1, 2, 3, 4];
var collection = [{
  id: 2
}, {
  id: 234
}, {
  id: 1
}, {
  id: 345
}, {
  id: 3
}, {
  id: 4
}, {
  id: 323
}];
var output = ids.map(s => collection.find(t => t.id == s));
console.log(output);

如果ids中的某些值在collection中没有等效值，则在map之后使用filter

var output = ids.map(s => collection.find(t => t.id == s)).filter( s => !!s );

演示

var ids = [1, 2, 3, 4, 5];
var collection = [{
  id: 2
}, {
  id: 234
}, {
  id: 1
}, {
  id: 345
}, {
  id: 3
}, {
  id: 4
}, {
  id: 323
}];
var output = ids.map(s => collection.find(t => t.id == s)).filter( s => s );
console.log(output);

Answer 2

使用 lodash，您可以使用 _.keyBy() 通过 id 索引 collection，然后使用 _.at() 通过 ids 获取项目：

const ids = [1, 2, 3, 4]
const collection = [{id: 2}, {id: 234}, {id:1}, {id: 345}, {id: 3}, {id:4}, {id:323}];

const result = _.at(_.keyBy(collection, 'id'), ids);
  
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js"></script>

Answer 3

简单的 JS

使用filter与includes的组合

const ids = [1, 2, 3, 4]
const collection = [{id: 2}, {id: 234}, {id:1}, {id: 345}, {id: 3}, {id:4}, {id:323}];

const found = collection.filter(item => ids.includes(item.id));

console.log(found);