首页 > 其他分享 >通过数组filter方法过滤数组中对象

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

时间:2023-09-08 15:36:51浏览次数:36  
标签:const value label filter item 过滤 数组

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

标签:const,value,label,filter,item,过滤,数组
From: https://www.cnblogs.com/loving0606/p/17687698.html

相关文章

  • 剑指 Offer 53 - I. 在排序数组中查找数字 I
    题目链接:剑指Offer53-I.在排序数组中查找数字I题目描述:统计一个数字在排序数组中出现的次数。解法思路:代码:简单遍历funcsearch(nums[]int,targetint)int{varresintn:=len(nums)ifn==0{returnres}for_,v:=range......
  • 剑指 Offer 51. 数组中的逆序对
    题目链接:剑指Offer51.数组中的逆序对题目描述:在数组中的两个数字,如果前面一个数字大于后面的数字,则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数。解法思路:代码:暴力做法:funcreversePairs(nums[]int)int{varresintn:=len(nums......
  • 通过指针变量存取一维数组元素
    通过指针变量存取一维数组元素下面展示一下。#include<stdio.h>intmain(){ inta[10],*p; for(p=a;p<a+10;p++) { scanf("%d",p); }for(p=a;p<a+10;p++) { printf("%d",*p); } printf("\n"); return0;}测试输入......
  • 什么是 Angular 应用 angular.json 中的 assets 数组
    在Angular项目中,angular.json是一个非常重要的配置文件,用于定义和管理项目的各种设置和构建选项。其中,assets数组是angular.json中的一个关键配置项,用于指定需要在构建后包含在应用程序中的静态资源文件和文件夹。在本文中,我将解释什么是assets数组,并提供详细示例来说明如何使用它......
  • 单词搜索 II(字典树、数组)、合并两个有序数组(数组、双指针)、验证回文串(双指针、字
    单词搜索II(字典树、数组)给定一个mxn二维字符网格board****和一个单词(字符串)列表words,找出所有同时在二维网格和字典中出现的单词。单词必须按照字母顺序,通过相邻的单元格内的字母构成,其中“相邻”单元格是那些水平相邻或垂直相邻的单元格。同一个单元格内的字母在一......
  • 代码随想录算法训练营第二天| 977.有序数组的平方,209.长度最小的子数列,59.螺旋矩阵Ⅱ
    977.有序数组的平方双指针法因为负数平方后也会变大,所以较大的平方值只可能在靠近两端的位置,越往中间走平方值必定越小。所以,在原数组两端各定义一个指针,慢慢往中间走,然后把平方值按顺序放到新数组里即可。classSolution{public:vector<int>sortedSquares(vector<i......
  • 原地移除数组中的重复元素
    给你一个 升序排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。然后返回 nums 中唯一元素的个数。考虑 nums 的唯一元素的数量为 k ,你需要做以下事情确保你的题解可以被通过:......
  • 双指针法删除数组里面的值
    你一个数组 nums 和一个值 val,你需要 原地 移除所有数值等于 val 的元素,并返回移除后数组的新长度。不要使用额外的数组空间,你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 说明:为什么返回数......
  • 如何将类型分配给元组数组,其条目可能因元组而异?
    可以使用泛型来解决这个问题。你可以为foo函数添加一个泛型参数,用于表示元组中第二个条目的类型。然后,对于args参数,你可以将其声明为一个包含元组的数组,其中每个元组都具有相同的类型,但是第二个条目的类型可以根据元组而变化。下面是使用泛型的示例代码:functionfoo<T>(args:A......
  • Vue中数组操作方法有哪些?
    在Vue中,有一些数组操作方法是专门为了处理响应式数组而提供的。这些方法会触发Vue的响应式更新机制,确保视图能够正确地响应数组的变化。以下是Vue提供的数组操作方法:1:push():向数组末尾添加一个或多个元素,并返回新的长度。this.array.push('newitem');2:pop():移除数组的最后一......