javascript数组中的findIndex方法 

目录
  • 1findIndex()简单介绍
  • 2编辑器
  • 3代码部分
  • 4运行结果
  • 5总结

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方法 内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 详解ES6数组方法find()、findIndex()的总结

    详解ES6数组方法find()、findIndex()的总结

    本文主要讲解ES6数组方法find()与findIndex(),关于JS的更多数组方法,可参考以下: ①JavaScript 内置对象之-Array ②ES5新增数组方法(例:map().indexOf().filter()等) ③ES6新增字符串扩张方法includes().startsWith().endsWith() 1. find() 该方法主要应用于查找第一个符合条件的数组元素,即返回通过测试(函数内判断)的数组的第一个元素的值. 它的参数是一个回调函数,为数组中的每个元素都调用一次函

  • JavaScript树形组件实现无限级树形结构

    JavaScript树形组件实现无限级树形结构

    目录 ​一.问题研究的背景和意义​ ​二.详细设计方案​ ​三.源代码实现(Java版)​ ​四.思考与总结​ (1)XML层次结构 (2)UL-LI层次结构 (3)TABLE层次结构 ​一.问题研究的背景和意义​ 在Web应用程序开发领域,基于Ajax技术的JavaScript树形组件已经被广泛使用,它用来在Html页面上展现具有层次结构的数据项.目前市场上常见的JavaScript框架及组件库中均包含自己的树形组件,例如jQuery.Ext JS等,还有一些独立的树形组件,例如dhtmlxT

  • javascript解锁前端密码框常见功能做法

    javascript解锁前端密码框常见功能做法

    目录 前言 显示隐藏密码明文 1.用到的图片素材 2.代码 3.结果演示 密码框验证信息 1.用到的图片素材 2.代码 3.结果演示 结语 前言 学前端最基本的登录页面肯定要会写,那登录页面里面的密码框的功能设计就需要好好打磨,主要功能有显示密码明文,密码检测信息提示等等,那么本篇博客将写写这些功能结合js怎么做,很简单,看一下就会了. 显示隐藏密码明文 1.用到的图片素材 2.代码 <!DOCTYPE html> <html lang="en"> <he

  • javascript内置对象Date案例总结分析

    javascript内置对象Date案例总结分析

    目录 Date的基本使用 格式化时间 1.格式化日期-年,月,日 2.格式化时,分,秒 获取Date总的毫秒数(时间戳) 案例-网页倒计时核心算法(重要) 结语 Date的基本使用 内置对象Date是构造函数,用new创建对象,无参数时返回当前时间,可加参数返回特定时间 //内置对象Date是构造函数,用new创建对象,无参数时返回当前时间,可加参数返回特定时间 var now_time = new Date(); console.log(now_time); // 年月日之间可以用-或者/ v

  •  javascript数组中的findIndex方法 

     javascript数组中的findIndex方法 

    目录 1findIndex()简单介绍 2编辑器 3代码部分 4运行结果 5总结 1findIndex()简单介绍 findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置. 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置(注:find()返回的是元素),之后的值不会再调用执行函数.如果没有符合条件的元素返回 -1(注:find()返回的是undefined). findIndex()与find()的使用方法相同,

  •  javascript数组中的lastIndexOf方法

     javascript数组中的lastIndexOf方法

    目录 1前言 ​​2编辑器打开​​ 3代码部分 4运行结果 5总结 1前言 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说lastIndexOf方法,lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索. 语法: stringObject.lastIndexOf(searchvalue,fromindex) 参数 描述 searchvalue 必需.规定需检索的字符串值. fromindex 可选的整数参数.规定在字符串

  • Javascript数组中push方法用法分析

    本文实例讲述了Javascript数组中push方法用法.分享给大家供大家参考,具体如下: 看下面代码: var o = { 1:'a' ,2:'b' ,length:2 ,push:Array.prototype.push }; o.push('c'); Q:o现在内部的值是什么样子? 我的第一反应是排斥,为什么要研究不合理情况下[解释引擎]的行为?但是这种推论有时候又很吸引人,于是我回来的时候仔细思考了下,发现其实很简单. 对于push这个方法,我条件反射地想到的就是栈,[数据结构的经典栈]

  •  javascript数组中的slice方法和join​​方法

     javascript数组中的slice方法和join​​方法

    目录 一.slice​​方法 1编辑器部分 2代码部分 3运行结果 二.join​​方法 1编辑器 2代码部分 3运行结果 前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说slice​​和join​​方法不多说把代码编辑器打开​​ 一.slice​​方法 1编辑器部分 2代码部分 <html lang="en">   <head>     <meta charset="UTF-8" />     <

  • javascript数组中的concat方法和splice方法

    javascript数组中的concat方法和splice方法

    目录 一.concat方法 1直接vs打开 2代码块 3运行结果 二.splice方法 1代码部分 2运行结果 前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说concat和splice方法的使用​​不多说把代码编辑器打开​​ 一.concat方法 1直接vs打开 2代码块 //功能:合并数组,可以合并一个或多个数组,会返回合并数组之后的数据,不会改变原来的数组:   const geyao = ['歌谣']   const fuzhu=["很强"]    

  • javascript数组中的reduce方法和pop方法

    javascript数组中的reduce方法和pop方法

    目录 一.reduce方法 1直接vs打开 2代码部分 3运行结果 二.pop方 1直接vs打开 2代码部分 3运行结果 前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说foreach和pop方法的使用​​不多说把代码编辑器打开​​ 一.reduce方法 1直接vs打开 2代码部分 var geyao=[1,3,5]     let sum = arr.reduce(function(prev, cur, index, arr) {     console.log(pr

  • javascript数组中的map方法和filter方法

    javascript数组中的map方法和filter方法

    目录 一.map方法 1编辑器 2代码部分 3运行结果 二.filter方法 1编辑器 2代码 3运行结果 一.map方法 1编辑器 编辑器搞出来 一起研究研究数组中的map方法: 2代码部分 var geyao=['歌谣',"很帅","很强"]     geyao.map((currentValue,index,arr,thisValue)=>{         console.log(currentValue,"currentValue"

  • JavaScript数组去重的多种方法(四种)

    数组去重,一般需求是给你一个数组,调用去重方法,返回数值副本,副本中没有重复元素.一般来说,两个元素通过 === 比较返回 true 的视为相同元素,需要去重,所以,1 和 "1" 是不同的元素,1 和 new Number(1) 是不同的元素,{} 和 {} 是不同的元素(引用不同).(当然如果需求认为 {} 和 {} 算作相同的元素,那么解法就不一样了) method 1 使用两重循环 function unique(arr) { var res = []; for(var i =

  • JavaScript面向对象中接口实现方法详解

    本文实例讲述了JavaScript面向对象中接口实现方法.分享给大家供大家参考,具体如下: 接口是面向对象编程的基础,它是一组包含了函数型方法的数据结构,与类一样,都是编程语言中比较抽象的概念.比如生活中的接口,机顶盒,人们利用它来实现收看不同频道和信号的节目,它犹如对不同类型的信息进行集合和封装的设备,最后把各种不同类型的信息转换为电视能够识别的信息.在编程语言中的接口,实际上是不同类的封装并提供统一的外部联系通道,这样其他对象就可以利用接口来调用不同类的成员了. --整理自<jQuery开发

  • jQuery 判断是否包含在数组中Array[]的方法

    jQuery 判断是否包含在数组中Array[]的方法 var Menustr="1,2,3,4,5,6,7,8,9,10,11,12,"; var Menarrstr=Menustr.split(","); if ($.inArray($(this).attr("id"), Menarrstr)) { //... } 以上这篇jQuery 判断是否包含在数组中Array[]的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多

随机推荐