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

如何拿到对象数组中的某一对象的元素
  • 在写一个简单的商品管理系统的时候,遇到了一个问题,我接口中需要传递的参数是一个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
   })
}
  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值