- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- findIndex方法的基础用法是什么，怎样应用
findIndex方法的基础用法是什么，怎样应用
Admin 2022-11-15 群英技术资讯 484 次浏览
这篇文章给大家介绍了“findIndex方法的基础用法是什么，怎样应用”的相关知识，讲解详细，步骤过程清晰，有一定的借鉴学习价值，因此分享给大家做个参考，感兴趣的朋友接下来一起跟随小编看看吧。1.findIndex()简单介绍
findIndex()方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。- 当数组中的元素在测试条件时返回
true时,findIndex()返回符合条件的元素的索引位置（注：find()返回的是元素），之后的值不会再调用执行函数。如果没有符合条件的元素返回 -1（注：find()返回的是undefined）。 findIndex()与find()的使用方法相同，findIndex()当中的回调函数也是接收三个参数，与find()相同。- findIndex()方法实现是通过循环遍历查找。应用场景广泛，可以查找大于等于小于，表达式可以随便写。实际上相当于一个for循环，只不过找到了你不需要自己退出。
2.编辑器
3.代码部分
// array.findIndex(function(currentValue, index, arr),
// thisValue)
// 参数：一个函数和对象this
// currentValue 必需。当前元素
// index 可选。当前元素的索引
// arr 可选。当前元素所属的数组对象
var ages = [3, 10, 18, 20];
//第一种方式
// 1. 当数组中的元素在测试条件时返回 true 时,
//findIndex() 返回符合条件的元素的索引位置
// 2.如果没有符合条件的元素返回 -1
const index=ages.findIndex((item)=>{
return item >= 18;
});
// index是2
console.log(index,"index")
4.运行结果
5.总结
// array.findIndex(function(currentValue, index, arr), thisValue) // 参数：一个函数和对象this // currentValue 必需。当前元素 // index 可选。当前元素的索引 // arr 可选。当前元素所属的数组对象
现在大家对于findIndex方法的基础用法是什么，怎样应用的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
在JS中更改图片地址的思路和方法是什么
javascript改变图片地址的方法：1、使用“document.getElementById("id")”语句根据指定id值获取图片对象；2、使用“图片对象.setAttribute("src","新图片地址");”语句来改变图片地址。
-
用JS+CSS实现卡片轮播的具体代码是什么
本文实例为大家分享了js+css实现卡片轮播图效果的具体代码，供大家参考，具体内容如下实现点击的时候切换卡片，自动轮播，鼠标移入暂停，移出继续轮播,有动画事件。效果如下。
-
深入理解JS树结构深度优先算法，有哪些知识点
什么是树在现实生活中，相信每个人对树都很熟悉，不管是柳树、杨树还是桃树，可以说树在我们生活中随处可见；在计算机世界，树是一种分层结构的抽象模型，如下图所示：树结构的应用有很多
-
JavaScript实现百度搜索原理及代码介绍
搜索功能可以帮助我们更快的获取到我们想要的信息，那么我们做网站时如何实现一个搜索功能呢？这篇文章就以JavaScript实现百度搜索为例，介绍一下实现原理以及具体代码。
-
JS事件循环如何实现，原理及各阶段是什么
本篇文章给大家带来了关于JavaScript的相关知识，其中主要介绍了事件循环的相关内容，下面一起来看一下，希望对大家有帮助。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
