- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- findIndex方法的基础用法是什么，怎样应用
findIndex方法的基础用法是什么，怎样应用
Admin 2022-11-15 群英技术资讯 1022 次浏览
这篇文章给大家介绍了“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中让静态图片有局部动态的效果怎样实现的
目录背景效果实现HTML 页面结构???? feTurbulence 和 feDisplacementMapCSS 样式???? mask-imageJavaScript 方法① 绘制热点图② 生成动画③ 清除画布④ 切换图片总结声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进
-
JS作用域的基本知识有哪些，预编译如何理解
这篇文章主要为大家介绍了js作用域及作用域链工作引擎，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
-
JS中的DOM、节点是什么意思，如何获取元素
下面小编就为大家分享一篇详谈DOM的简介,节点和获取元素，具有非常好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助
-
React嵌套组件中父组件和子组件哪个先构建？
篇文章介绍的是React嵌套组件构建顺序的问题，究竟在嵌套组件中，是父组件先构建，还是子组件先构建？是子组件先更新，还是父组件先更新呢？接下来小编就与大家一起来探讨一下。
-
vue怎样实现动态创建组件？
这篇文章给大家分享的是有关vue 动态创建组件的内容，下文给大家介绍了vue 动态创建组件并挂载到body的两种方式，有具体代码供大家参考，需要的朋友可以了解一下。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前：400-678-4567
7x24小时售后：0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话：010-58813000
服务邮箱：service@cnnic.cn
投诉与建议：0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
