当前位置:首页 > 日记 > 正文

ES6中Array.find | 和findIndex | 函数的用法详解

ES6中Array.find | 和findIndex | 函数的用法详解

ES6为Array增加了find(),findIndex函数。

find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。

findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。

他们的都是一个查找回调函数。

[1, 2, 3, 4].find((value, index, arr) => {})

查找函数有三个参数。

value:每一次迭代查找的数组元素。

index:每一次迭代查找的数组元素索引。

arr:被查找的数组。

例:

1.查找元素,返回找到的值,找不到返回undefined。

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]var ret1 = arr1.find((value, index, arr) => { return value > 4})var ret2 = arr1.find((value, index, arr) => { return value > 14})console.log('%s', ret1)console.log('%s', ret2)

结果:

undefined

2.查找元素,返回找到的index,找不到返回-1。

var ret3 = arr1.findIndex((value, index, arr) => { return value > 4})var ret4 = arr1.findIndex((value, index, arr) => { return value > 14})console.log('%s', ret3)console.log('%s', ret4)

结果:

4
-1

3.查找NaN。

const arr2 = [1, 2, NaN, 4, 5, 6, 7, 8, 9, 10, 11]var ret5 = arr2.find((value, index, arr) => { return Object.is(NaN, value)})var ret6 = arr2.findIndex((value, index, arr) => { return Object.is(NaN, value)})console.log('%s', ret5)console.log('%s', ret6)

结果:

NaN
2    

总结

以上所述是小编给大家介绍的ES6中Array.find()和findIndex()函数的用法详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

js字符限制 | 字符截取 一个中文汉

js字符限制 | 字符截取 一个中文汉

字符,字符截取,中文,汉字,两个,html<input type="text" id="txt">核心js代码//字符串截取function getByteVal(val, max) {var returnValue = '';var byteValLen = 0;for (var i = 0; i < val.length; i++) {if (val[i].match(/[^\x…

如何给photoshop安装新的字体

如何给photoshop安装新的字体

安装,字体,方法,电脑软件,photoshop,  给photoshop安装新的字体,也是为了我们可以用到更多不同的字体。但是很多同学还不太清楚。那么接下来下面是小编整理的一些关于如何给photoshop安装新的字体,供您参阅。给photoshop安装新的字体的方法…

javascript基础练习之翻转字符串与

javascript基础练习之翻转字符串与

回文字符串,字符串,基础,回文,电脑软件,翻转字符串翻转字符串(Reverse a String),就是把字符串倒序处理的意思,比如给定一个字符串”hello”,翻转后应该返回”olleh”。测试用例reverseString("hello") 应该返回 “olleh” reverseString(…

php array_reverse 以相反的顺序返

php array_reverse 以相反的顺序返

实例代码,数组,顺序,电脑软件,php,php array_reverse函数返回一个单元顺序相反的数组,该函数有两个参数,第一个参数表示需要处理的数组,第二个参数可选,规定是否保留原始数组的键名。本文章通过实例向大家讲解array_reverse函数的使用方法。需…

怎么查看微信圈的收藏

怎么查看微信圈的收藏

收藏,电脑软件,微信圈,  当我们在微信朋友圈发现可读的值得保存的内容,我们会选择收藏起来,可是收藏起来的东西在哪里可以查看到呢?如果你不知道微信怎么查看收藏,可以看看下面的具体操作。微信圈查看收藏的方法1.打开微信,点击右下角的【我…

微信小程序开发之麦克风动画 帧动

微信小程序开发之麦克风动画 帧动

帧动画,程序开发,动画,淡出,麦克风,想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.① 上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动…

Photoshop简单几步制作字符文字

Photoshop简单几步制作字符文字

文字,字符,几步,简单,电脑软件,今天为大家介绍Photoshop简单几步制作字符文字方法,只需几步即可完成,好了,下面我们来学习吧!步骤:1、新建一块画布2、选择&ldquo;油漆桶工具&rdquo;,填充为黑色3、选择&ldquo;横排文字工具&rdquo;,设定如下4、在图…

jsp中实现带滚动条的table表格实例

jsp中实现带滚动条的table表格实例

实例代码,滚动条,表格,电脑软件,jsp,如下所示:<div style="width:700px; height:225px; overflow:auto;"> <table border="1" width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="3%">0</td> <td width="7%…

react-native ListView下拉刷新上

react-native ListView下拉刷新上

上拉加载,下拉刷新,代码,电脑软件,react,本文介绍了react-native ListView下拉刷新上拉加载实现。分享给大家,具体如下:先看效果图下拉刷新React Native提供了一个组件可以实现下拉刷新方法RefreshControl使用方法<ListView refreshControl={…

qq安全中心取消绑定图解步骤

qq安全中心取消绑定图解步骤

取消,安全中心,绑定,步骤,方法,  多朋友现在换手机都很频繁,而QQ安全中心手机版又只能通过手机解绑。今天,晓霞李晓波就为大家分享一下QQ解绑QQ安全中心手机版的方法。qq安全中心取消绑定的方法首先,我们需要确保手机是否安装QQ安全中心手机…

Angular.js实现多个checkbox只能选

Angular.js实现多个checkbox只能选

方法,选择,多个,示例,电脑软件,首先来看看效果效果实现这样的效果,必须使用指令了,只有使用指令才能单独控制每一个scope。示例代码如下:<div class="form-group"> <label class="col-sm-2 control-label">请选择文章主题色彩</label> …

2013版ppt如何控件激活工具

2013版ppt如何控件激活工具

工具,控件,激活,方法,电脑软件,  很多人在用ppt的时候,会出现弹出提示为&ldquo;此演示文稿中的一些控件无法激活。这些控件可能未在此计算机中注册&rdquo;的问题,导致ppt中的动画无法正常播放,下面给大家分享PPT2013控件激活工具的方法,希望…