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()函数的用法详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

# find函数用法  # findIndex()函数  # array.find()  # 详解ES6数组方法find()、findIndex()的总结  # JavaScript find()方法及返回数据实例  # 用示例说明filter()与find()的用法以及children()与find()的区别分析  # JavaScript中find()、findIndex()、filter()、indexOf()处理  # 找不到  # 小编  # 都是  # 他们的  # 迭代  # 给大家  # 所述  # 回调  # 给我留言  # 增加了  # 有任何  # gt  # arr  # index  # const  # undefined  # Array  # findIndex  # find  # brush 

相关文章： 如何在新浪SAE免费搭建个人博客？  如何用狗爹虚拟主机快速搭建网站？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何快速搭建安全的FTP站点？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  javascript中的try catch异常捕获机制用法分析  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何快速搭建高效服务器建站系统？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  佛山企业网站制作公司有哪些,沟通100网上服务官网？  宿州网站制作公司兴策,安徽省低保查询网站？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  智能起名网站制作软件有哪些,制作logo的软件？  建站主机是什么？如何选择适合的建站主机？  如何设计高效校园网站？  建站之星如何助力网站排名飙升？揭秘高效技巧  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  如何在万网开始建站？分步指南解析  如何通过主机屋免费建站教程十分钟搭建网站？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  深圳网站制作的公司有哪些,dido官方网站？  北京制作网站的公司,北京铁路集团官方网站？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  表情包在线制作网站免费,表情包怎么弄？  如何用低价快速搭建高质量网站？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  全景视频制作网站有哪些,全景图怎么做成网页？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  ,sp开头的版面叫什么？  高端企业智能建站程序：SEO优化与响应式模板定制开发  高端建站三要素：定制模板、企业官网与响应式设计优化  制作公司内部网站有哪些,内网如何建网站？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  建站主机如何选？高性价比方案全解析  如何破解联通资金短缺导致的基站建设难题？  javascript中对象的定义、使用以及对象和原型链操作小结  如何通过wdcp面板快速创建网站？  如何用美橙互联一键搭建多站合一网站？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  建站主机功能解析：服务器选择与快速搭建指南  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  如何正确下载安装西数主机建站助手？  代刷网站制作软件,别人代刷火车票靠谱吗？  建站之星云端配置指南：模板选择与SEO优化一键生成