这篇文章给大家介绍了“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中promise用法是什么？promise有什么优势？

  文本主要给大家介绍的是关于js中promise用法，有promise的概念、promise的创建、promise的优势等等。小编觉得是比较实用的，因此分享给大家作参考。

• 用JS怎样做点击复制文本的功能？

  用JS怎样做点击复制文本的功能？点击按钮实现复制文本的功能还是比较实用的，例如下本实现的复制邀请码的功能，此外点击复制文本的应用场景还有很多。感兴趣的朋友可以参考下文实例，接下来我们就一起来了解看看。

• Promise的概念怎么理解，用法具体是什么

  本篇文章给大家带来了关于javascript的相关知识，其中主要整理了Promise的基本概念及使用方法的相关问题，包括了Promise基本概念、使用Promise解决回调地狱等等内容，下面一起来看一下，希望对大家有帮助。

• 如何用JS写个简单的滑动拼图解锁，代码是什么

  本文实例为大家分享了js实现简单滑动解锁功能以及滑动拼图解锁的具体代码，供大家参考，具体内容如下简单实现滑动解锁，效果图是这样的

• 怎样用jQuery写一个可扩展的日历插件？

  这篇文章给大家分享的是用jQuery写一个日历插件的内容，但是本文实现的日历具有可扩展的功能，实现效果及要求如下，小编觉得挺实用的，因此分享给大家做个参考。本文有实现示例供大家参考，接下来一起跟随小编看看吧。