javascript - 如何循环遍历一个数组并获取id对应的name并将结果赋给另一个数组

Question

我是 typescript 新手。请帮助我做到这一点。我有一个如下数组。

let pets=[{id:"1",name:"animal"},{id:"2",name:"animal"}];

我想循环遍历宠物并从另一个数组类别中获取动物的名称，其中

let category = [{id:"1",name:"Dog"},{id:"2",name:"Cats"},{id:"3",name:"Cows"},{id:"4",name:"Goat"}]

得到如下输出，

// expected output,
newpets=[{id:"1",name:"Dog"},{id:"2",name:"Cats"}]

Answer 1

试试这个。我用过，Array map()和 Array find()来实现这一目标。

let pets=[{id:"1",name:"animal"},{id:"2",name:"animal"}];
let category = [{id:"1",name:"Dog"},{id:"2",name:"Cats"},{id:"3",name:"Cows"},{id:"4",name:"Goat"}]

let newPets = pets.map(eachPet => {
  return category.find(eachCat => eachPet.id === eachCat.id)
})

console.log(newPets)