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

已于 2023-05-11 15:50:34 修改
阅读量165 收藏 2
点赞数 2
分类专栏： js 前端开发 文章标签： 前端 javascript
于 2023-05-11 15:45:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/snows_l/article/details/130623566
版权

1、arr.find()

        找到: 返回满足的第一项

        没有找到: 返回 undefined

2、arr.findIndex()

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

        没有找到: 返回 -1

3、arr.includes()

        找到: 返回 true

        没有找到: 返回 false

snows_l
关注
专栏目录
es6 数组处理 arr.map arr.filter arr.find arr.findIndex arr.some arr.every
代码青春
08-19 643
//arr.map(函数);map方法：可以简单的理解为映射(按方法进行转化映射) var arr = [1,2,3,4]; var newArr = arr.map((n) => n*n); //等同于n => n*n，可省参数（）和表达式{} 箭头函数只有一个参数时可以省括号；只返回单一表达式时 可以省{}； 返回对象时表达式需({}) console.log(...
数组ES6新增-arr数组本身的方法:find查找返回第一个 / findIndex查找返回索引 / includes是否包含
kino2046的博客
03-15 5103
手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array find() find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined 语法：arr.find(callback[, thisArg]) callback 在数...
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() :找到的是位置，找不到...
ES6数组的其他操作arr.find()，arr.findIndex()，arr.fill() ，arr.includes()等等
鸡血博客
11-13 1520
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 ：返回数组中通过测试（函数fn内判断）的第一个元素的下标
高先生的猫
04-30 446
Array.prototype.findIndex = Array.prototype.findIndex || function findIndex(fn, ctx){ ctx = ctx || this let result; ctx.some((value, index, arr), thisValue) => { return fn...
vue渲染选择框下拉列表报arr.indexOf is not a function问题
weixin_58087364的博客
10-21 6171
最近使用VUE3 + Element Plus开发项目是发现一个问题，使用el-select组件渲然浏览器报了一堆错误和警告，页面显示不正常 Unhandled error during execution of render function和Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. 意思大概是渲染时出现了要给错误，可能是Vue内部的错误 arr.indexOf is
记录报错 arr.indexOf is not function
ruchu_753的博客
03-25 3231
ps:使用的是element-ui，然后发现报错，具体位置是选择框报错(el-select,el-option) 最后我发现是加入了多选的属性的问题，删除即可。因为我的数据是一个数值，而不是数组， 当加入多选属性时，值应该为一个数组。 ...
Es6 Array.find() 和 Array.findIndex() 用法 (找到第一个符合条件的元素)
卜卦的博客
12-11 3748
问题 ：找到数组中第一个符合条件的元素/下标 array.find()返回值是第一个符合条件的数组子项， array.findIndex() 返回第一个符合条件的数组子项的下标， 都是短路操作，即找到符合条件的之后就不在继续遍历。 let arr = ['张三', '李四', '王五', '小明', '老王'] let findItem = arr.find(item => item === '小明') // 返回子项 let findIndex = arr.findIndex(item =
ES6中Array.find()方法和Array.findIndex()方法
阿泽呀的博客
08-23 7554
 两种方法不会改变原数组 该方法在第一次调用回调函数的时候就已经确定好索引，在find()方法执行之后再添加到的不会被执行，而删除的项通向会被执行到，值是undefined。   let a = [1,2,3,4,5,6,7,8,9] a.find(function(item,index,arr){ if(index == 0){ a.push("10"); ...
arr.findIndex
05-20
`Array.findIndex()` 方法返回数组中符合条件的第一个元素的索引，如果没有符合条件的元素则返回 -1。 该方法接收一个回调函数作为参数，该回调函数会被传入三个参数：当前元素值、当前元素索引和原数组。回调函数...
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()`通常结合使用，例如在删除或替换特定元素时先找到其索引。通过理解这两个方法...
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)`。在这个例子中，...
做一个能适配「手机」的网站需要注意什么
最新发布
illidri的博客
11-01 252
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
前端 常见开发工具使用
weixin_45534301的博客
10-31 460
【代码】前端 常见开发工具使用。
JavaScript中this的指向和改变this指向的方法 - 2024最新版前端秋招面试短期突击面试题【100道】
everfoot的博客
10-29 680
了解this的工作原理是掌握JavaScript的关键之一，特别是在编写复杂的应用程序时。正确使用this可以避免许多常见的问题和错误。在实际开发中，合理选择不同的绑定方法，可以让你的代码更加灵活和易于维护。掌握这些this的知识点将帮助你在前端面试中脱颖而出！祝你顺利上岸！
Google Recaptcha V2 简单使用
吴家健ken的博客
10-30 291
Google Recaptcha V2 简单使用
Canvas字体高度计算与PDF高度如何统一
aa_qq110的专栏
10-31 324
如果前端使用Canvas生成图片，后面使用nodejs生成PDF，但PDF中没有计算boundingBoxAscent 和boundingBoxDescent的方法，这时可以简单将字的高度前后台统一为字体高度，而不使用基线的方式计算。请懂的大神指出有没有什么问题，有没有更好的方式。
前端JS去重的多种方法
Front end development engineer
10-30 346
在前端开发中，去重操作是非常常见的。无论是处理用户输入、数据请求还是渲染页面，都可能需要对数组或对象进行去重。下面将详细介绍几种常见的前端JS去重方法，并分析它们的优缺点。以上就是前端JS去重的几种常见方法。每种方法都有其优缺点，选择哪种方法取决于具体的需求和场景。如果需要兼容性好且可以保留顺序，可以使用filter()、reduce()或for循环；如果追求性能和简洁性，可以使用Set或Map。对于对象去重，Map是最好的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

snows_l

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

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

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

打赏作者

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

抵扣说明：

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

余额充值