js查找数组中符合条件元素的几种方法

一、利用for循环进行查找

let arr = [{name: 'zhangsan', age: 18},{name: 'lisi', age: 17},{name: 'xiaoming', age: 18},
],
result = []
for (let item of arr){if(item.age === 18){result.push(item);}
}
console.log(result);// [{name: 'zhangsan', age: 18},{name: 'xiaoming', age: 18}]

二、filter() 方法

注意:

  1. filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

  1. filter() 不会对空数组进行检测。

  1. filter() 不会改变原始数组。

let arr = [{name: 'zhangsan', age: 18},{name: 'lisi', age: 17},{name: 'xiaoming', age: 18},
];
let result = arr.filter(item=>item.age === 18)
console.log(result);// [{name: 'zhangsan', age: 18},{name: 'xiaoming', age: 18}]

三、find()方法

注意:

  1. find()方法只返回数组中满足条件的第一个元素,并非所有元素

  1. 当数组中的元素在条件返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。

  1. 如果没有符合条件的元素返回 undefined

  1. find() 对于空数组,函数是不会执行的。

  1. find() 并没有改变数组的原始值。

let arr = [{name: 'zhangsan', age: 18},{name: 'lisi', age: 17},{name: 'xiaoming', age: 18},
];
let result = arr.find(item=>item.age === 18)
console.log(result);// {name: 'zhangsan', age: 18}

js查找数组中符合条件的元素相关推荐

  1. VUE 查找数组中符合条件的对象

    let val = 1; let list = [{id:1,name:'张三'},{id:2,name:'李四'},{id:3,name:'王五'}, ];let arr = list.filter ...

  2. js 判断数组中是否包含某个元素

    判断数组中是否包含某个元素的八种方法 方法一:array.indexOf (item,start):元素在数组中的位置,如果没与搜索到则返回 -1. 参数 描述 item 必须.查找的元素. star ...

  3. numpy找到数组中符合条件的数

    numpy找到数组中符合条件的数 import numpy as nparr = np.array([1, 1, 1, 134, 45, 3, 46, 45, 65, 3, 23424, 234, 1 ...

  4. js数组查找最接近_js查找数组所有符合条件数据 js替换数组中的某个元素

    thinkphp一大堆数据的数组怎么做为条件去查询数据库? 在后台代码中将数组assign出去,然后在模板的js代码中就可以通过{$array}调用啦. 如果我们在Action中赋值了一个name模板 ...

  5. js 判断数组中是否存在某个元素(字符串,类等)

    方法一:indexOf(item,start) Item:要查找的值: start:可选的整数参数,缺省则从起始位子开始查找. indexOf() 返回元素在数组中的位置,如果没有则返回-1,该方法只 ...

  6. 找出数组中符合条件的数对的个数

    题目:一个整型数组,元素取值可能是1-N(N是一个较大的正整数)中的任意一个数,相同数值不会重复出现.设计一个算法,找出数列中符合条件的数对的个数,满足数对中两数的和等于N+1. 方法一:排序+二分查 ...

  7. js删除数组中的某一个元素

    删除数组中的某一个元素,这里写一个普通的办法 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = functi ...

  8. 一个关于数组中满足条件的元素选择、及再次排序得c语言函数。

    已知数据文件IN27.DAT中存有200个4位数,并已调用读函数readDat()把这些数存入数组a中,请编制一个函数jsVal(),其功能是:把千位数字和十位数字重新组合成一个新的十位数ab(新十位 ...

  9. 查找数组中第二个最小元素

    查找数组中最小的两个元素的过程: 第一种情况: 如果数组的数据是偶数个N: 1.首先假设最小值和次最小值是最前面的两个数 min1=p[0]; min2=p[1]; 2.进行循环,进入下一组的两个数中 ...

最新文章

  1. Vue.js 组件 处理边界情况
  2. oracle 数据文件recover,Oracle数据库意外删除数据文件的恢复(转载)
  3. 在Android上通过AI危险检测向驾驶员发出警报
  4. React Native 学习记录
  5. apache worker性能调优
  6. C# 处理图像三种方法对比
  7. 春季养生男性常搓九部位补肾又健脑
  8. 电容触摸屏测试软件,大规模生产中如何测量触摸屏电容值
  9. windows server 驱动精灵_win10网络重置后,无线网卡驱动消失的解决办法
  10. 【软件构造】过程与配置管理
  11. MCE公司:Pfizer入局IDO1小分子抑制剂
  12. win10休眠_硬派玩家 | Win 10关机速度变慢?这还真不是错觉
  13. 小项目2——(未登录)指定微博账号基本公开信息的搜集
  14. 计算机最强网卡价格,高下一目了然 随手怒拆价值十万元整机
  15. linux电子数码相册实验报告,Linux实验报告.doc
  16. ConcurrentHashMap源码解读
  17. java 打印机编程_Java 打印程序设计实例 - java如何实现打印功能
  18. Python——数据分层抽样
  19. 微信小程序联系客服对接网易七鱼
  20. [倚天屠龙记] vim 查找与替换(简单查找)

热门文章

  1. SAP ABAP GUI_DOWNLOAD中下载乱码的问题
  2. Python中有self和没有self的问题
  3. 8051单片机Proteus仿真与开发实例-OLED显示屏(SSD1306控制器)I2C驱动显示中文及图片仿真
  4. TextOut 字符串输出
  5. QLabel实现自适应图片大小(可鼠标右击全屏)
  6. Jetpack Compose——Text(文本)的使用
  7. VMware安装windows server2008R2x64
  8. 远程医疗中使用AR眼镜,内窥镜,视频远程诊疗方案
  9. win10计算机搜索记录怎么删除,Win10系统
  10. 必须得会的汽车ECU研发基础—软件开发流程6