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

如何解决如何使用数字数组按其ID获取对象列表

注意：我知道标题的措词不明确，下面的解释过于简单，很抱歉，我对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中所有项目的列表，其ID为0、1、2、3、4、5（来自第二张图片中的数组）。所有数据都是动态生成的，所以我不能使用像this.listofAnimals [0]这样的硬编码代码。

解决方法

尝试

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

,

使用map()遍历arrayOfNumbers，并将这些值用作listOfAnimals的索引

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

,

如果您的项目中包含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>