arr.find(), arr.findIndex(), arr.includes()没有找到返回啥

原创 已于 2023-05-11 15:50:34 修改 · 307 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript

于 2023-05-11 15:45:49 首次发布
这篇文章介绍了JavaScript中处理数组的三个重要方法：find()用于查找并返回满足条件的第一个元素，如果找不到则返回undefined；findIndex()返回满足条件的第一个元素的索引，找不到则返回-1；includes()则检查数组是否包含指定元素，存在则返回true，否则返回false。

1、arr.find()

        找到: 返回满足的第一项

        没有找到: 返回 undefined

2、arr.findIndex()

        找到: 返回满足的第一项索引(index)

        没有找到: 返回 -1

3、arr.includes()

        找到: 返回 true

        没有找到: 返回 false

es6 数组处理 arr.map arr.filter arr.find arr.findIndex arr.some arr.every
代码青春
08-19 730
//arr.map(函数);map方法：可以简单的理解为映射(按方法进行转化映射) var arr = [1,2,3,4]; var newArr = arr.map((n) => n*n); //等同于n => n*n，可省参数（）和表达式{} 箭头函数只有一个参数时可以省括号；只返回单一表达式时 可以省{}； 返回对象时表达式需({}) console.log(...
高效的find与findIndex新增方法
有问题可关注公众号：前端研究院 后台输入问题回复
08-10 1292
find返回查找对应的值，如果查找不到，则返回undefined； findIndex返回对应的索引位置，如果查找不到则返回-1。
arr.find()
Oliver_web的博客
04-27 2120
obj = this.options_task.find((item) => { return item.task_name === val; });
js中数组find方法的使用和实现
前端三脚猫的博客
08-01 1万+
js中数组find方法的使用和实现 find方法定义 find() 方法返回数组中满足传入函数条件的第一个元素的值。否则返回 undefined。 find方法语法 arr.find(callback(element [, index[, selfArr]]) {} [, thisArg]) find方法参数 callback 在数组每一项上执行的函数，接收 3 个参数： （1）element 当前遍历到的元素。 （2）index可选 当前遍历到的索引。 （3）array可选 调用find方法的数组本身。
数组和字符串的基础操作方法
m0_71338372的博客
04-05 115
原文链接：https://blog.csdn.net/zhanghao143lina/article/details/121332734。原文链接：https://blog.csdn.net/asd577007722/article/details/114888566。// 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。// var res = arr.splice(2, 2) // 第一个参数是下标，第二参数是个数。
JavaScript 中find跟findIndex
qq_45666837的博客
06-06 671
find跟findIndex的区别 find const arr = [1,2,4,8,12]; var arr1 = arr.find(value => value> 8); console.log(arr1); //12 var arr2 = arr.find(value => value > 12); console.log(arr2); //undefined findIndex const arr = [1,2,4,8,12]; var arr1 = arr.fi
ES6数组的其他操作arr.find()，arr.findIndex()，arr.fill() ，arr.includes()等等
鸡血博客
11-13 1598
1.arr.find():查找出第一个符合条件的数组成员，并返回该成员，如果没有找到就返回undefine let arr = [23,40,50] let res = arr.find((val,index,arr)=>{ return val >30 }) console.log(res) //返回：40 2.arr.findIndex() :找到...
arr.findIndex
05-20
`Array.findIndex()` 方法返回数组中符合条件的第一个元素的索引，如果没有符合条件的元素则返回 -1。 该方法接收一个回调函数作为参数，该回调函数会被传入三个参数：当前元素值、当前元素索引和原数组。回调函数...
js arr.findindex
09-01
例如，给定数组`const arr = [1, 2, 3, 4, 5, 3, 3, 2, 4, 5]`，我们想找到第一个大于2的元素的下标，我们可以使用`arr.findIndex`方法来实现：`const index = arr.findIndex(item => item > 2)`。在这个例子中，...
ES6中Array.find()和findIndex()函数的用法详解
08-29
`find()`用于查找并返回数组中满足条件的第一个元素，而`findIndex()`则返回该元素的索引。这两个方法极大地提升了在JavaScript中处理数组的灵活性，使得数据查询更加便捷和高效。在实际开发中，可以根据具体需求...
js代码-arr.splice方法测试,插入 ，删除，替换 测试 arr indexOf 对对象的对比
07-16
let index = arr.findIndex(item => item.name === 'John'); // 返回0，因为找到匹配的对象 ``` 在实际项目中，`splice()`和`indexOf()`通常结合使用，例如在删除或替换特定元素时先找到其索引。通过理解这两个方法...
ES6数组的其他操作arr.find()，arr.findIndex()，arr.fill() ，arr.includes()
涂涂
09-07 2万+
1.arr.find():查找出第一个符合条件的数组成员，并返回该成员，如果没有找到就返回undefine let arr = [23,40,50] let res = arr.find((val,index,arr)=>{ return val >30 }) console.log(res) //返回：40 2.arr.findIndex() :找到的是位置，找不到...
arr.find()和arr.filter()函数说明
zhtxilyj的博客
05-07 2113
是 JavaScript 数组的一个方法，用于查找数组中第一个符合条件的元素。除了简单的比较之外，我们还可以利用。方法构建更复杂的查找条件。
Array.find（）解析
啊啊怪的学习日记
12-16 2万+
Array.find() 返回数组中满足提供的测试函数的第一个元素的值，若没有满足测试函数的元素，则返回undefined 1、概要 array.find(function(currentValue, index, arr),thisValue){ // 如果返回 true，则返回 item 并停止迭代 // 对于假值（falsy）的情况，则返回 undefined } 2、参数 function（必选）：在数组的元素上执行的函数，它带有三个参数 1、currentValue（必选）：元素
值的汇总arr.find
weixin_43837268的博客
04-27 687
countEach(name, arr) { // 四个数值汇总 // console.log('name',name) let {selfVal, spouseVal, addselfVal, addspouseVal} = this[arr].find(v => v.name === name) ...
数组ES6新增-arr数组本身的方法:find查找返回第一个 / findIndex查找返回索引 / includes是否包含
kino2046的博客
03-15 5192
手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array find() find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined 语法：arr.find(callback[, thisArg]) callback 在数...
Array类型【find】
dxn16638400024的博客
07-29 1121
在上面的代码中，find() 方法的回调函数接受一个元素作为参数，并返回一个布尔值，表示该元素是否大于等于 10。在数组中查找满足这一条件的第一个元素，并返回该元素。由于数组中的第一个大于等于 10 的元素是 12，因此输出结果为 12。find() 方法接受一个回调函数作为参数，该回调函数会在数组中的每个元素上执行，直到找到满足条件的元素。在 JavaScript 中，Array 类型有一个 find() 方法，它可以在数组中查找满足指定条件的第一个元素，并返回该元素。
Array find的应用
最新发布
qq_39196447的博客
01-29 453
查找某条数据，并返回数组中第一个满足所提供测试函数的元素的值，否则返回undefined。
JavaScript第 18 篇，JavaScript数组方法 find() ，使用详细（JS的 find() 方法，js的 find() 方法）
热门推荐
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
05-05 5万+
⭐我们知道find() 方法是 JavaScript 中用于在数组中查找特定条件的第一个元素，如果找到一个元素使得回调函数返回true，则该元素作为结果返回；如果没有找到这样的元素，则返回undefined，该函数不会修改原始数组
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

__冬七

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值