关于js中数组的find方法的一些总结

最新推荐文章于 2024-05-16 15:24:29 发布
最新推荐文章于 2024-05-16 15:24:29 发布
阅读量7.6k 收藏 2
点赞数 2
分类专栏： js 前端开发 成长轨迹
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liangtaox8/article/details/100515250
版权
前端开发 同时被 3 个专栏收录
177 篇文章 3 订阅
订阅专栏
成长轨迹
123 篇文章 0 订阅
订阅专栏
js
98 篇文章 0 订阅
订阅专栏

最近遇到了数组的一个方法find，在这里总结一下，供日后自己想不起来不用继续实验，这里我的总结肯定是有纰漏的（毕竟学的不精），欢迎大家批评指正
find是用来找到数组中的符合条件的项

用法
Array.find(fn,this)

其中fn是一个函数，该函数可以接受三个参数，分别为数组的项，该项的索引值，和数组本身
该函数一定要有返回值，如无返回值，则Array.find()返回的是undefined
有返回值时，若返回值为true，则Array.find()返回的是使返回值为true的数组中的那个子项，并且一旦返回true，则终止继续遍历数组，即该项之后的子项不会再传进函数，所以find方法只能返回符合条件的第一个子项

LTIven
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于js中数组的方法整理
Mtl_468的博客
02-23 175
js中关于数组的方法有以下： join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() （下面几种方法是ES5新增） indexOf()和 lastIndexOf() forEach() map() filter() every() some() 各方法具体介绍 1.join() 功能：把数...
Array.find（）解析
啊啊怪的学习日记
12-16 1万+
Array.find() 返回数组中满足提供的测试函数的第一个元素的值，若没有满足测试函数的元素，则返回undefined 1、概要 array.find(function(currentValue, index, arr),thisValue){ // 如果返回 true，则返回 item 并停止迭代 // 对于假值（falsy）的情况，则返回 undefined } 2、参数 function（必选）：在数组的元素上执行的函数，它带有三个参数 1、currentValue（必选）：元素
js 数组find、map方法使用方法
最新发布
weixin_44565776的博客
05-16 229
js 数组find、map方法使用方法
数组的find方法
前端如逆水行舟...
09-21 1万+
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。 当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素，之后的值不会再调用执行函数 注意：
数组中的方法find()
HWL5679的博客
01-26 978
find() 方法只返回第一个满足测试函数的元素。find用于查找单个元素，而filter用于筛选多个元素。
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值
LzzMandy的博客
03-03 2392
定义和用法 find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。 find() 方法为数组中的每个元素都调用一次函数执行： 当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素，之后的值不会再调用执行函数。 如果没有符合条件的元素返回 undefined 注意:find() 对于空数组，函数是不会执行的。 注意:find() 并没有改变数组的原始值。 语法 array.find(function(currentValue, index, arr...
ES6 -- find 详解
聪明勇敢有力气的博客
10-05 1万+
find 详解 两个参数 返回值 手写myFind
JavaScript中数组的一些方法总结
weixin_42071117的博客
04-24 246
数组的定义 在编程语言中，数组是一组存储同一种类型数据的集合。比如一个数值型数组[1,2,3,4,5]，就是一个典型的数组。在JavaScript中，数组中的元素可以是不同类型的数据，比如:[1,{key:0,value:1},[2,3,4]]。但是我们还是应该遵守最佳实践（采用同一种数据类型）。 数组的创建和初始化 第一种方式：使用new关键字 let daysOfWeek = new Arra...
谈谈JavaScript数组常用方法总结
10-20
本文将深入探讨JavaScript数组的一些常用方法，帮助开发者更好地理解和应用这些方法。 1. **增加数据** - `push()` 方法用于向数组末尾添加一个或多个元素，并返回新的数组长度。例如： ```javascript var arr =...
ES6数组方法find()、findIndex()的总结
01-08
本文主要讲解ES6数组方法find()与findIndex()，关于JS的更多数组方法，可参考以下： ①JavaScript 内置对象之-Array ②ES5新增数组方法（例：map()、indexOf()、filter()等） ③ES6新增字符串扩张方法includes()、...
JavaScript中数组的一些算法和技巧总结
08-10
本篇文章将深入探讨JavaScript中数组的一些算法和技巧，帮助开发者更好地理解和利用这些功能。 1. 数组的创建与初始化 - `let arr = [];` 用空括号创建一个空数组。 - `let arr = new Array();` 也可以创建空数组...
详解ES6数组方法find()、findIndex()的总结
01-19
本文主要讲解ES6数组方法find()与findIndex()，关于JS的更多数组方法，可参考以下： ①JavaScript 内置对象之-Array ②ES5新增数组方法（例：map()、indexOf()、filter()等） ③ES6新增字符串扩张方法includes()、...
JavaScript你不知道的一些数组方法
10-19
本文将详细介绍一些可能不太为人所知的JavaScript数组方法，帮助开发者更有效地利用这些工具。 1. `concat()` `concat()` 方法用于连接两个或更多的数组，并返回新的数组。原数组不会被改变。例如： ```javascript ...
数组超实用的常见方法：find、findIndex、some、every
一只前端小菜鸟
09-29 1万+
这里介绍几个数组常用的而且超级实用的方法，主要都是用来获取数组中符合条件的某个值 1、find：给定条件，返回数组中第一个满足该条件的值，之后的值不再进行检测，当没有找到满足该条件的值时，返回undefined let arr = [ { name: '小明', sex: '男', age: 23 }, { name: ...
Array中-find和findIndex方法
weixin_45611976的博客
03-24 943
在回调函数中可以写你要查找元素的条件，当条件成立为true时，返回该元素。如果没有符合条件的元素，返回值为undefined。​ 当条件为true时findIndex()返回的是索引值，如果没有符合条件元素时findIndex()返回的是-1。： value：当前的数组元素。index：当前索引值。arr：被查找的数组。： value：当前的数组元素。arr：被查找的数组。：主要应用于查找第一个符合条件的数组元素。： 查找第一个符合条件的数组元素的索引值。：返回的是元素 / undefined。
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方法的数组本身。
JavaScript数组方法 find() ，使用详细（js的 find() 方法）
热门推荐
weixin_65793170的博客
05-05 2万+
find() 方法是 JavaScript 中用于在数组中查找特定条件的第一个元素，如果找到一个元素使得回调函数返回true，则该元素作为结果返回；如果没有找到这样的元素，则返回undefined，该函数不会修改原始数组
数组常用方法总结 (5) ：find / findIndex / filter
神膘护体小月半的博客
01-13 793
数组常用方法总结 (5) ：find / findIndex / filter
C++中find函数以及各个迭代器返回值解释
Chasing___dream的博客
08-21 1054
返回值：如果查找，它返回一个指向与键target关联的元素的迭代器，可使用此迭代器通过->first或者->second，查不找，返回mp.end():表示末端元素的下一个元素，这个迭代器起一个哨兵的作用，表示已经处理完所有的元素。返回值：如果查找成功，返回其在向量中的位置，可使用此迭代器通过it-nums.begin()表示下标，*it表示其下标对应的值（方法与lower_bound和upper_bound相似），查不到，则返回nums.end()
js中数组的find方法
07-27
在JavaScript中，数组的find方法用于查找数组中满足指定条件的第一个元素。它接受一个回调函数作为参数，该回调函数可以接受三个参数：元素值、元素索引和原数组。回调函数应该返回一个布尔值，表示是否满足条件。如果找到满足条件的元素，则返回该元素；如果没有找到，则返回undefined。\[1\] 例如，我们有一个数组arr = \[1, 2, 3, 4, 5, 622, 21\]，我们可以使用find方法来查找大于5的第一个元素，代码如下： ``` var arr = \[1, 2, 3, 4, 5, 622, 21\]; var result = arr.find(function(age){ return age > 5; }); console.log(result); // 输出 622 ``` 如果没有找到满足条件的元素，find方法将返回undefined。例如，我们查找小于0的元素： ``` var arr = \[1, 2, 3, 4, 5, 622, 21\]; var result = arr.find(function(age){ return age < 0; }); console.log(result); // 输出 undefined ``` 需要注意的是，find方法只会返回满足条件的第一个元素，如果数组中有多个元素满足条件，它也只会返回第一个满足条件的元素。如果需要找到所有满足条件的元素，可以使用filter方法。\[2\] #### 引用[.reference_title] - *1* [JavaScript数组方法之 —— fill()、find()、findIndex()、indexOf()、lastIndexOf()](https://blog.csdn.net/z1324402468/article/details/94746734)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [JavaScript 数组方法find()](https://blog.csdn.net/weixin_46585382/article/details/125331892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [js数组的5种查询方式——find(),findIndex(),indexOf(),lastIndexOf(),include()](https://blog.csdn.net/weixin_42062766/article/details/119133489)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值