通过数组filter方法过滤数组中对象

通过过滤器filter获取数组对象的属性名和属性值

 const arr = [
        {
          label: '张三',
          value: '111111',
        },
        {
          label: '李四',
          value: '22222',
        },
      ]
      //通过filter过滤获取到新数组
      //第一种写法:
      //   const newArr = arr.filter((item) => {
      //     if (item.label === '张三') {
      //       return item
      //     }
      //   })
       //第二种写法:
    //   const newArr = arr.filter((item) => {
    //     return item.label === '张三'
    //   })
       //第三种写法:(推荐)
       const newArr = arr.filter(item=>item.label === '张三')

      console.log(newArr) //返回获取到label值为张三的一个对象数组(过滤后的新数组)
      const value = newArr[0].value//数组索引0代表过滤后的新数组中第一个对象,切记当过滤后的新数组有多个对象时根据自己需要指定对应的索引
      console.log(value) //返回获取到数组中label值为张三对象的value值

 

posted @ 2021-06-22 16:51  骄傲一点才可爱  阅读(3379)  评论(0编辑  收藏  举报