iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >javascript数组中的findIndex方法
  • 772
分享到

javascript数组中的findIndex方法

2024-04-02 19:04:59 772人浏览 独家记忆
摘要

目录1findIndex()简单介绍2编辑器3代码部分4运行结果5总结1findIndex()简单介绍 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方法 内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: javascript数组中的findIndex方法

本文链接: https://www.lsjlt.com/news/142483.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript数组中的findIndex方法
    目录1findIndex()简单介绍2编辑器3代码部分4运行结果5总结1findIndex()简单介绍 findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元...
    99+
    2022-11-13
  • JavaScript数组迭代find和findIndex操作的方法
    这篇“JavaScript数组迭代find和findIndex操作的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收...
    99+
    2022-10-19
  • JavaScript中find()和findIndex()方法有什么用
    小编给大家分享一下JavaScript中find()和findIndex()方法有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一...
    99+
    2022-10-19
  • javascript数组中的lastIndexOf方法
    目录1前言​​2编辑器打开​​3代码部分4运行结果5总结1前言 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说lastIndexOf方法,lastIndexOf(...
    99+
    2022-11-13
  • javascript数组中的map方法和filter方法
    目录一、map方法1编辑器2代码部分3运行结果二、filter方法 1编辑器2代码3运行结果一、map方法 1编辑器 编辑器搞出来 一起研究研究数组中的map方法: 2代...
    99+
    2022-11-13
  • javascript数组中的reduce方法和pop方法
    目录一、reduce方法1直接vs打开2代码部分3运行结果二、pop方1直接vs打开2代码部分3运行结果前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说fo...
    99+
    2022-11-13
  • javascript数组中的concat方法和splice方法
    目录一、concat方法1直接vs打开2代码块3运行结果二、splice方法1代码部分2运行结果前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说concat...
    99+
    2022-11-13
  • javascript数组中的slice方法和join​​方法
    目录一、slice​​方法1编辑器部分2代码部分3运行结果二、join​​方法1编辑器2代码部分3运行结果前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说s...
    99+
    2022-11-13
  • javascript学数组中的foreach方法和some方法
    目录一、foreach方法1直接vs打开2代码部分二、some方法1直接vs打开2代码部分3总结在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说foreach和so...
    99+
    2022-11-13
  • JavaScript数组filter方法
    目录1、定义2、语法3、参数说明4、用法5、注意事项6、使用实例1、定义   filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元...
    99+
    2022-12-08
    js数组filter js数组filter方法
  • JavaScript数组reduce()方法
    将某个值减去数组中的每个元素: var items = [5, 10, 15]; var reducer = function minus(minusSum, item) {    ...
    99+
    2022-11-12
  • JavaScript 数组迭代的方法
    这篇文章主要介绍“JavaScript 数组迭代的方法”,在日常操作中,相信很多人在JavaScript 数组迭代的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java...
    99+
    2022-10-19
  • JavaScript数组迭代的方法
    今天小编给大家分享一下JavaScript数组迭代的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来...
    99+
    2022-10-19
  • javascript数组去重的方法
    今天小编给大家分享一下javascript数组去重的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来...
    99+
    2022-10-19
  • JavaScript数组创建的方法
    这篇“JavaScript数组创建的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Ja...
    99+
    2022-10-19
  • 常用的JavaScript数组方法
    目录1、filter()2、forEach()3、some()4、every()5、reduce()6、合并数组1、filter() 语法: array.filter(functi...
    99+
    2022-11-12
  • javascript的数组方法大全
    目录1:concat();2:join();3:pop();4:shift();5:unshift();6:push();7:reverse();8:sort()...
    99+
    2022-11-13
  • JavaScript中常用的数组过滤方法
    在 JavaScript 编程中,经常会遇到需要对数组进行筛选和过滤的情况。本文将介绍几种常用的数组过滤方法,帮助你在处理数组数据时更加灵活高效。 1. 使用filter()方法 filter() 方...
    99+
    2023-10-21
    javascript 前端 开发语言
  • javascript数组中删除元素的方法
    这篇文章主要介绍javascript数组中删除元素的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript删除数组元素的方法:1、使用splice()函数,语法格式“arr.splice(开始位置,删...
    99+
    2023-06-14
  • JavaScript中常用的数组操作方法
    目录一、concat()二、join()三、push()五、shift()六、unshift()七、slice()八、splice()九、substring() ...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作