查找一组数据中一组或多组数据(filter和find的区别)

简介: 查找一组数据中一组或多组数据(filter和find的区别)

查找一组使用:find

废话不多说总结上代码:

html:

<input type="text" id="inp">
<button onclick="func()">登录</button>

js:

let arr = [{
          'name': '张三',
          'posts': '学生',
          'id': '1',
          'pid': '1'
        },
        {
          'name': '李四',
          'posts': '学生',
          'id': '2',
          'pid': '1'
        },
        {
          'name': '王五',
          'posts': '学生',
          'id': '3',
          'pid': '1'
        },
        {
          'name': '赵六',
          'posts': '学生',
          'id': '4',
          'pid': '2'
        }
      ];
      function func(){
        let inp = document.getElementById('inp').value;
        console.log(arr.find(item => item.name === inp));   
                //表示在arr数据中查找其中的一组数据(item可以理解为参数)。
        //意思是在这组数据中的name和id为inp的value一样的选出来
      }

查找多个数据使用:filter

function func() {
    let inp = document.getElementById('inp').value;
  console.log(arr.filter(item => item.pid === inp));     
    //当输入框里面的内容和pid一样的话选出来,选中的数据是以数组类型。
}

ps:json数据同样适用。

filter和find的区别:

find适用于查找一组数据(find只能查找到一组数据);

filter适用于查找多组相同条件的数据(filter可以查找多组数据,前提是条件一样的);

目录
打赏
0
0
0
0
0
分享
相关文章
|
10月前
|
利用Stream流将取到的对象List<对象>形式数据进行分组统计转变成Map<分组条件,数量统计>形式
利用Stream流将取到的对象List<对象>形式数据进行分组统计转变成Map<分组条件,数量统计>形式
101 0
|
7月前
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
语音识别,列表的定义语法,列表[],列表的下标索引,从列表中取出来特定的数据,name[0]就是索引,反向索引,头部是-1,my[1][1],嵌套列表使用, 列表常用操作, 函数一样,需引入
语音识别,列表的定义语法,列表[],列表的下标索引,从列表中取出来特定的数据,name[0]就是索引,反向索引,头部是-1,my[1][1],嵌套列表使用, 列表常用操作, 函数一样,需引入
|
10月前
13.从M个球中取出N个球的所有组合情况
13.从M个球中取出N个球的所有组合情况
53 0
python实现将给定列表划分为元素和大致相等的两个子列表
python实现将给定列表划分为元素和大致相等的两个子列表
使用 yield 压平多层嵌套字典列表混合数据
使用 yield 压平多层嵌套字典列表混合数据
90 0
一日一技:包含非hashable元素的列表如何去重并保持顺序?
一日一技:包含非hashable元素的列表如何去重并保持顺序?
138 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等