代码之家 › 专栏 › 技术社区 › lost9123193

如何在Javascript中从过滤器返回特定值

filter object javascript

lost9123193 · 技术社区 · 5 年前

我有一个对象数组

animals[
 {id:1, name:"cat"}, 
 {id:2, name:"dog"}, 
 {id:3, name:"fish"}
]

selected = [1,2]

我希望返回一个选定的字符串:

"cat, dog"

我现在知道如何过滤

   const selectedAnimals = selected.filter(function(e) {
      return animals.find(o => o.id == e);
    })

但这会返回id列表。如何以字符串格式重新返回名称列表?我需要使用reduce还是使用filter选项?

2 回复 | 直到 5 年前

Nikhil 5 年前

你必须使用 filter() 在你的 animals includes()

var selectedAnimals = animals.filter(animal => selected.includes(animal.id));

现场示例:

var animals = [
 {id:1, name:"cat"}, 
 {id:2, name:"dog"}, 
 {id:3, name:"fish"}
];

var selected = [1,2];

var selectedAnimals = animals.filter(animal => selected.includes(animal.id));

console.log(selectedAnimals);

jacob13smith 5 年前

您正在反向使用过滤器功能。您应该在 animals 数组。试试这个:

const selectedAnimals = animals.filter(function(e) {
   return selected.find(id => e.id == id);
})

这将给你一个带有id的动物对象的列表,如果你想创建一个只包含名字的数组,你可以在上面循环并提取名字。

harisu 5 年前

let animals = [
 {id:1, name:"cat"}, 
 {id:2, name:"dog"}, 
 {id:3, name:"fish"}
]

let selected = [1,2]

const selectedAnimals = animals.filter(e =>(
      selected.includes(e.id))
    )

选择的动物应该有[{id:1,name:“cat”},{id:2,name:“dog”}]

或者,您可以使用一个地图,但最后您将得到以下结果。

let selectedAnimals = animals.map((e,t) => { if(selected.includes(e.id)) return e.name; else return null} )

[“猫”,“狗”,空值]

推荐文章

Rational Redneck · Java结构化方法链接

2 年前

xFlame · 如何在Rect中更新object onClick?

2 年前

Ni Na · 使用javascript将对象数组中的项目分组到同一对象中的数组中

2 年前

Julien T-Pro · 如何在python中删除数组对象中的空列表?

2 年前

ÐÐ¼Ð¸ÑÑÐ¸Ð¹ ÐÐ¸ÑÐµÐ½ÐºÐ¾ · 按多个键对对象数组进行分组

2 年前

Hermes · 如何在JavaScript中动态创建对象列表?

2 年前

philale · Javascript对象从最低级别获取属性

2 年前

CinemaClub · 如何从数组值创建具有相同名称的OBJ属性?

2 年前

Bonnie Zou · 如何在python中返回类中调用的列表

2 年前

Brian Highforce Thomas · 未能在React中映射属性值。js和Typescript

2 年前