如何拿到对象数组中的某一对象的元素（JS的filter方法）

最新推荐文章于 2025-10-20 09:24:24 发布

原创最新推荐文章于 2025-10-20 09:24:24 发布 · 1.8w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#js #filter

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在JavaScript中使用filter()方法从对象数组中筛选特定对象，并利用map()方法提取所需属性值。具体场景为商品管理系统中根据角色ID获取角色名称。

如何拿到对象数组中的某一对象的元素

在写一个简单的商品管理系统的时候，遇到了一个问题，我接口中需要传递的参数是一个role_id,但是我在页面上显示是角色名称
通过对filter()方法的使用，拿到对象数组中对象，
- 其中this.state.rolesInfo表示的是一个对象数组
- item是对象数组中的每一项（就是每一个对象）
- item._id是对象中的一个属性
  通过传入的参数，判断拿到的参数和对象中的某个属性是否相等，进而拿到这个参数所在的对象，data就是经过筛选的后的对象数组

roleName=(role_id)=>{
    // 获取对象数组中的，某一对象的元素
    // 通过过滤，在不改变元数组的情况下
    // 返回筛选后符合条件的数组
    var data=this.state.rolesInfo.filter((item)=>{
        return  item._id===role_id
    })
    // 由于我的原数组一个对象数组，所以筛选后得到的数组
    // 也是一个对象数组，可以通过map拿到对象数组中对象的元素
    // 通过过滤，找到指定id的name值
    // console.log(data)
  return data.map((item)=>{
       return item.name
   })
}