- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- findIndex方法的基础用法是什么，怎样应用
findIndex方法的基础用法是什么，怎样应用
Admin 2022-11-15 群英技术资讯 564 次浏览
这篇文章给大家介绍了“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
rollup输出格式有哪一些，分别是什么
这篇文章主要为大家介绍了rollup输出的6种格式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
-
JavaScript中有几种方法删除对象属性，分别是什么
这篇文章主要给大家介绍了JavaScript删除对象的不必要的属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
vue中watch调用方法报错找不到的情况怎么解决
这篇文章主要介绍了解决Vue watch里调用方法的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
-
实际项目中npm scripts能做什么，如何跑npm scripts
每个前端项目都有 npm scripts，我们会用 npm scripts 来组织编译、打包、lint 等任务。 大家可能经常会跑 npm scripts，但却对这些命令行工具是怎么实现的并不了解。
-
JavaScript的打断点怎么实现，方法有多少种
本篇文章给大家总结分享6种JavaScript的打断点的方式，值的学习收藏，快来看看你用过几种吧？希望对大家有所帮助！
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
