javascript数组中的findIndex方法 

 更新时间:2022年03月15日 09:17:56   作者:前端歌谣  
这篇文章主要介绍了javascript数组中的findIndex方法,findIndex() 方法返回传入一个测试条件函数符合条件的数组第一个元素位置,下面更多相关资料,需要的小伙伴可以参考一下

1findIndex()简单介绍

  • 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 可选。当前元素所属的数组对象

到此这篇关于 javascript数组中的findIndex方法 的文章就介绍到这了,更多相关findIndex方法 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解JavaScript逻辑And运算符

    详解JavaScript逻辑And运算符

    这篇文章主要介绍了JavaScript逻辑And运算符,在JavaScript中,逻辑 AND 运算符用双和号(&&)表示
    2015-12-12
  • JavaScript 判断对象中是否有某属性的常用方法

    JavaScript 判断对象中是否有某属性的常用方法

    判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。这篇文章给大家介绍了JavaScript 判断对象中是否有某属性的常用方法,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-06-06
  • javascript中的类,继承,构造函数详解

    javascript中的类,继承,构造函数详解

    这篇文章主要为大家详细介绍了javascript中的类,继承,构造函数,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • JavaScript纯色二维码变成彩色二维码

    JavaScript纯色二维码变成彩色二维码

    这篇文章主要为大家详细介绍了JavaScript纯色二维码变成彩色二维码的方案,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • js如何实现input的赋值

    js如何实现input的赋值

    这篇文章主要介绍了js如何实现input的赋值问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • 基于原生JS实现图片裁剪

    基于原生JS实现图片裁剪

    要进行图片编辑,最重要要能够对图片进行裁剪。主要的实现分成两部分,一部分是前端利用js进行裁剪区域选择,第二部分是利用PHP进行后台处理。现在就跟大家分享一下。
    2016-08-08
  • 深入理解JavaScript中实例对象和new命令

    深入理解JavaScript中实例对象和new命令

    典型的面向对象编程语言(比如C++和 Java),都有“类”(class)这个概念。所谓“类”就是对象的模板,对象就是“类”的实例,下面这篇文章主要给大家介绍了关于JavaScript中实例对象和new命令的相关资料,需要的朋友可以参考下
    2022-12-12
  • JavaScript中闭包的4个有用技巧分享

    JavaScript中闭包的4个有用技巧分享

    当谈到JavaScript编程中的高级概念和技巧时,闭包(Closures)是一个重要而有趣的主题,闭包是一种函数与其创建时的词法环境的组合,它允许我们捕获和保留局部变量,并在函数之外使用它们,在这篇文章中,我们将深入探讨JavaScript中闭包的4种有用技巧
    2023-10-10
  • 基于打包工具Webpack进行项目开发实例

    基于打包工具Webpack进行项目开发实例

    这篇文章主要介绍了基于打包工具Webpack进行项目开发实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • JS控制TreeView的结点选择

    JS控制TreeView的结点选择

    这篇文章主要为大家详细介绍了JS控制TreeView的结点选择,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论