如何使用数字数组按 id 获取对象列表

Question

注意：我知道标题的措辞含糊不清，下面的解释很简单，抱歉我对 JS 有点陌生

我有这个对象数组（this.listOfAnimals）。 我相信紫色代表每个对象的 ID。

我有一个动态生成的数字列表：

this.arrayOfNumbers = [0,1,2,3,4,5] which is set using:

while(this.firstNumber <= this.lastNumber) {
  this.arrayOfNumbers.push(this.firstNumber++);
}

我需要从 this.listOfAnimals 中获取一个项目列表，其中 ids = 数组 this.arrayOfNumbers 中的数字。 我怎样才能做到这一点？

例如，我需要 this.listOfAnimals 中所有项目的列表，其 ids 为 0,1,2,3,4,5（来自第二张图像中的数组）。 所有数据都是动态生成的，所以我不能使用像 this.listOfAnimals[0] 这样的硬编码代码。

Answer 1

尝试这个

this.arrayOfNumbers.map(id => { console.log(this.listOfAnimals[id]); });

Answer 2

使用map()迭代arrayOfNumbers ，并将这些值用作listOfAnimals索引

let selectedAnimals = this.arrayOfNumbers.map(n => this.listOfAnimals[n]);

Answer 3

如果您的项目中有 lodash， _.at可以解决问题：

 const letters = ['a', 'b', 'c', 'd', 'e', 'f']; const indices = [0, 2, 4]; const selected = _.at(letters, indices) console.log(selected); // ["a", "c", "e"]

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"></script>