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

Posted 2021-06-22 你是年少的欢喜，喜欢的少年是你

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