好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

ES6+ find()和findIndex()

ES6+ find () 和 fin dind ex ()

1. 前言

上一节 我们学习了 includes() 方法 用于查找数组,但在数组中我们希望查找 一个 符合某个条件的元素,在 ES5 中有 filter 方法 可以用于过滤符合条件的元素,但是 filter 返回的是 一个 数组,其实我们只想得到符合条件的值或者索引。本节将学习 ES6 的 find 和 fin dind ex 方法 ,丰富了数组 查询 的 方法 。

2. 语法详解

2.1 基本语法

这两个 方法 的使用基本相同,只是它们的返回结果不同。 find 方法 返回的是数组中符合条件的第 一个 值, fin dind ex 方法 则返回符合条件的第 一个 索引的位置。它们都只是关注第 一个 查找到的结果,在查找到结果以后就不会继续查找了。

使用语法:

 arr .  find  ( callback [  ,  thisArg ]  ) 
arr .  fin dind ex  ( callback [  ,  thisArg ]  ) 
 

参数解释:

参数 描述 callback 一个 回调 函数 ,接受数组的每一项并执行该 函数 ,当主动返回 true 时,则终止 调用 thisArg (可选)执行 callback 时作为 this 对象的值

查看更多关于ES6+ find()和findIndex()的详细内容...

  阅读:35次

上一篇

下一篇

第1节:ES6+ 简介    第2节:ES6 环境配置    第3节:ES6+ let    第4节:ES6+ const    第5节:ES6+ 展开语法    第6节:ES6+ 剩余参数    第7节:ES6+ 解构赋值    第8节:ES6+ 模版字符串    第9节:ES6+ 箭头函数    第10节:ES6+ 数值扩展    第11节:ES6+ isFinite()&isNaN()    第12节:ES6+ Number 对象的方法    第13节:ES6+ Math 对象的扩展    第14节:ES6+ includes()    第15节:ES6+ 字符串的扩展    第16节:ES6+ startsWith()    第17节:ES6+ endsWith()    第18节:ES6+ repeat()    第19节:ES6+ padStart()    第20节:ES6+ padEnd()    第21节:ES6+ trim()    第22节:ES6+ Array.from()    第23节:ES6+ of()    第24节:ES6+ find()和findIndex()    第25节:ES6+ copyWithin()    第26节:ES6+ fill()    第27节:ES6+ isArray()    第28节:ES6+ 对象的扩展    第29节:ES6+ flat()    第30节:ES6+ 可选链操作符    第31节:ES6+ Object.is()    第32节:ES6+ Object.assign()    第33节:ES6+ Object.keys()    第34节:ES6+ Object.values()    第35节:ES6+ Object.entries()    第36节:ES6+ 数据结构扩展    第37节:ES6+ Set    第38节:ES6+ WeakSet    第39节:ES6+ Map    第40节:ES6+ WeakMap    第41节:ES6+ Symbol    第42节:ES6+ for...of    第43节:ES6+ 迭代协议    第44节:ES6+ 实现一个简版的 Promise    第45节:ES6+ Promise 基础    第46节:ES6+ Promise 进阶    第47节:ES6+ Generator 基础    第48节:ES6+ Generator 函数应用    第49节:ES6+ async/await    第50节:ES6+ Class 前置知识    第51节:ES6+ Class    第52节:ES6+ Proxy    第53节:ES6+ Reflect(一)    第54节:ES6+ Reflect(二)    第55节:ES6+ 模块化(一)    第56节:ES6+ 模块化(二)    第57节:ES6实战1-实现Vue3 reactive 源码    第58节:ES6实战2-实现 Vue3 effect 源码    第59节:ES6 实战2-封装请求    第60节:ES6+ 实战3-代码整洁之道    第61节:ES6 Map原理分析    第62节:ES6module语法加载importexport    第63节:ES6的循环与可迭代对象示例详解