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

发布时间 2023-09-08 15:23:02作者: 调皮小妮

通过过滤器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值