- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- findIndex方法的基础用法是什么，怎样应用
findIndex方法的基础用法是什么，怎样应用
Admin 2022-11-15 群英技术资讯 772 次浏览
这篇文章给大家介绍了“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
vue中如何做按钮点击后页面刷新的功能
这篇文章主要介绍了vue中按钮操作完刷新页面的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
-
JavaScript排他思想怎样理解，实现方法是什么
排他思想的算法就是排除掉其他的，本文主要介绍了JavaScript 排他思想的实现，以及介绍了两个示例，感兴趣的可以了解一下
-
JS怎样实现插入、交换、选择和归并四种排序
JS怎样实现插入、交换、选择和归并四种排序，一些朋友可能会遇到这方面的问题，对此在下文小编向大家来讲解一下，内容详细，易于理解，希望大家阅读完这篇能有收获哦，有需要的朋友就往下看吧！
-
在VUE项目中map()的使用怎样，可以做什么
map()函数定义在JS的array中,它返回一个新的数组,下面这篇文章主要给大家介绍了关于Vue中map()的用法案例,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
-
在JS中怎么写一个简单的拖拽效果，逻辑要点是什么
这篇文章主要为大家详细介绍了JavaScript实现简单的拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
