find、findIndex、indexOf、lastIndex、includes 数组五种查询条件方法介绍
find() 方法返回数组中满足提供的测试函数的第一个元素的值。
语法: arr.find(callback[, thisArg])
findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
语法: arr.findIndex(callback[, thisArg])
indexOf()方法返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1。
语法: arr.indexOf(searchElement)
arr.indexOf(searchElement[, fromIndex = 0])
lastIndexOf() 方法返回指定元素(也即有效的 JavaScript 值或变量)在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找,从 fromIndex 处开始。
语法: arr.lastIndexOf(searchElement[, fromIndex = arr.length - 1])
includes() 方法用来判断当前数组是否包含某指定的值,如果是,则返回 true,否则返回 false。
语法: arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
例一、find()方法 查找数组中第一个大于等于15的元素
1
2
3
4
|
var num = [10,3,5,15,100,1].find( function (elem, index){ return elem>=15; }); console.log(num) // 15 |
例二、findIndex() 查找数组中第一个大于等于15的元素的位置(索引)
1
2
3
4
|
var num = [10,3,5,15,100,1].findIndex( function (elem, index){ // 15 return elem>=15; }); console.log(num) // 3 |
例三、indexOf () 查找5所在的位置,默认索引位置从零开始
1
2
3
|
[0,1,2,3,4,5,6].indexOf(5); // 5 从索引0的位置往后查找 [0,1,2,3,4,5,6].indexOf(5,5); // 5 [0,1,2,3,4,5,6].indexOf(5,10); // -1 从索引10的位置往后查找 |
例四、lastIndexOf() 查找5所在的位置,默认索引位置当前数组长度减一
1
2
3
4
|
[0,1,2,3,4,5,6].lastIndexOf(5); // 5 从索引位置数组长度减一向前查找 [0,1,2,3,4,5,6].lastIndexOf(5, 6); // 5 [0,1,2,3,4,5,6].lastIndexOf(5, 10); // 5 [0,1,2,3,4,5,6].lastIndexOf(5, 1); // -1 从索引1的位置向前查找 |
例五、includes
1
2
3
|
[0,1,2,3,4,5,6].includes(5); // true 从索引0位置往后查找是否存在5元素,是 [0,1,2,3,4,5,6].includes(10); // false [0,1,2,3,4,5,6].includes(5,10); // false 从索引10位置往后查找是否存在10元素,否 |
find、findIndex、indexOf、lastIndex、includes 数组五种查询条件方法介绍的更多相关文章
- Java中的五种单例模式实现方法
[代码] Java中的五种单例模式实现方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 2 ...
- Redis的五种数据类型的简单介绍和使用
1.准备工作: 1.1在Linux下安装Redis https://www.cnblogs.com/dddyyy/p/9763098.html 1.2启动Redis 先把root/redis的red ...
- PHP获取文件扩展名五种以上的方法和注释
在PHP面试中或者考试中会有很大几率碰到写出五种获取文件扩展名的方法,下面是我自己总结的一些方法 $file = ‘需要进行获取扩展名的文件.php’; //第一种,根据.拆分,获取最后一个元素的值f ...
- redis 五种常见攻击方法
如果需要大佬写好的脚本,可以直接去github上面搜 参考文章:https://www.cnblogs.com/wineme/articles/11731612.html https://www ...
- 【八】Kubernetes 五种资源控制器详细介绍以及功能演示
一.控制器说明 Pod 的分类: 自主式 Pod:该类型的 Pod 无论是异常退出还是正常退出都不会被创建,也就是说没有对应的管理者. 控制器管理的 Pod:该类型 Pod 在控制器的生命周期里,控制 ...
- 矩阵或多维数组两种常用实现方法 - python
在python中,实现多维数组或矩阵,有两种常用方法: 内置列表方法和numpy 科学计算包方法. 下面以创建10*10矩阵或多维数组为例,并初始化为0,程序如下: # Method 1: list ...
- 五种实用DOM方法总结
DOM:Document Object Model 文档对象模型 对象的三种类型:用户定义类型.内建对象.宿主对象 节点类型:元素节点.文本节点.属性节点 getElementById()方法: 将返 ...
- JSP页面的五种跳转方法
①RequestDispatcher.forward() 是在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet or JSP到另外一个Se ...
- Redis的五种数据类型及方法
字符串string: 字符串类型是Redis中最为基础的数据存储类型,是一个由字节组成的序列,他在Redis中是二进制安全的,这便意味着该类型可以接受任何格式的数据,如JPEG图像数据货Json对象描 ...
随机推荐
- 【python之路12】三元运算符(if)
1.三元运算符条件语句 普通if条件是这样写的: n = 1 if n > 0: st = '大于0' else: st = '小于等于0' print(st) 三元运算符的写法: n = 1 ...
- SSH系统介绍
SSH的系统中,对象的调用流程是:JSP->Action->Service->DAO->Hibernate,数据的流向是ActionFormBean接受用户的数据,Action ...
- Mysql-Proxy代理配置
一.Mysql-Proxy原理 Mysql-Proxy是一个处于你的client端和Mysql Server端之间的一个简单程序,它可以监测.分析和改变他们的通信.它使用灵活没有限制,常见的用途包括: ...
- 【python基础】 Tkinter小构件之canvas 画布
[python之tkinter画布] 要画布就要使用tkinter的小构件,canvas(结构化的图形,用于绘制图形,创建图形编辑器以及实现自定制的小构件类) 我们先使用create_rectangl ...
- [nginx]Windows和Mac下,nginx反向代理服务器配置
最近做项目,前端需要用到nginx反向代理来转发请求,总结了一下在Windows和Mac上的配置,以备查询. 一.Windows 修改nginx的配置文件,nginx.conf. 1)nginx.co ...
- localStorage , sessionStorage ,cookie 使用介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 游戏音频技术备忘 (三) 集成Wwise到Unreal Engine
当前受众较广的商业游戏引擎有 Unreal Engine.Unity.cocos2d-x等,在音频领域的第三方中间件则有Wwise.FMOD.Criware等,言多且烦,我们首先集成Wwise到 Un ...
- MongoDB与Redis的比较
MongoDB和Redis都是NoSQL,采用结构型数据存储.二者在使用场景中,存在一定的区别,这也主要由于二者在内存映射的处理过程,持久化的处理方法不同. MongoDB建议集群部署,更多的考虑到集 ...
- matlab 嵌套循环的学习
循环嵌套带嵌套的循环一般为两重,举例1: disp('一个简单的二重for循环'); : : result = ii *jj ; fprintf(' %d * %d = %d \n',ii,jj,re ...
- JAVA中的数据结构 - 真正的去理解红黑树
一, 红黑树所处数据结构的位置: 在JDK源码中, 有treeMap和JDK8的HashMap都用到了红黑树去存储 红黑树可以看成B树的一种: 从二叉树看,红黑树是一颗相对平衡的二叉树 二叉树--&g ...