Array.find()

array.find(function(currentValue, index, arr),thisValue)
参数 描述
function(currentValue, index,arr) 必需。数组每个元素需要执行的函数。
函数参数:

参数 描述
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象

thisValue 可选。 传递给函数的值一般用 "this" 值。
如果这个参数为空, "undefined" 会传递给 "this" 值

var ages = [3, 10, 18, 20];function checkAdult(age) {return age >= 18;
}function myFunction() {document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
let array1 = [5, 12, 8, 110, 88];let found = array1.find(element => {return element > 10;
});console.log(found);
// output: 12

Array.findIndex()

array.findIndex(function(currentValue, index, arr), thisValue)
参数 描述
function(currentValue, index,arr) 必须。数组每个元素需要执行的函数。
函数参数:

参数 描述
currentValue 必需。当前元素
index 可选。当前元素的索引
arr 可选。当前元素所属的数组对象

thisValue 可选。 传递给函数的值一般用 "this" 值。
如果这个参数为空, "undefined" 会传递给 "this" 值

var ages = [4, 12, 16, 20];function checkAdult(age) {return age >= document.getElementById("ageToCheck").value;
}function myFunction() {document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
var allPeple = [{name: '小王',id: 14
},{name: '大王',id: 41
},{name: '老王',id: 61
}]var myTeamArr = [{name: '小王',id: 14
}]var PId = 14; //假如这个是要人的IDfunction testFunc(item){return item.id == PId ;}//判断myteam里是不是有这个人,如果==-1 代表没有,在allPeople中找到他,添加入我的队伍myTeamArr.findIndex(testFunc) == -1 ? myTeamArr.push(allPeple.find(testFunc)) : alert('已存在该人员');

js 数组的find和findIndex相关推荐

  1. js数组查找方法 find() findIndex() - Kaiqisan

    js数组查找方法 find() findIndex() ヤッハロー.Kaiqisanすうう.一つふつうの学生プログラマである,今天继续讲讲数组查询方法,,这俩方法更加适合于数组. 没错,就是数组专用的 ...

  2. js数组中indexOf和findIndex的区别

    1. indexOf 语法 arr.indexOf(searchElement[, fromIndex]) 参数 searchElement  要查找的元素 fromIndex (可选 )  开始查找 ...

  3. js 数组遍历方法详解(map、filter、find、findIndex、reduce)

    目录 前言 map map是什么 map方法的结构及入参 语法糖 map一般不改变原数组 filter 说明 例子 find 和 findIndex 说明 例子 reduce 说明 例子 尾言 前言 ...

  4. js map 排序_数组方法写给女友的一系列 JS 数组操作(建议收藏 | 内附思维导图)...

    前言 最近和女友,咳咳...(说出来可能会被打s)学习JS数组方法,用几个字形容的话就是听说过,实际使用.遇到的时候就分不清具体方法会得到怎样的结果. 今天我将通过这篇文章好好整理一下关于JS数组的方 ...

  5. c++ 构造函数数组_从 JS 数组操作到 V8 array.js

    前言 最近在写面试编程题,经常用到数组,经常想偷个懒,用它提供的方法,奈何还是对数组方法使用不熟练,导致写了很多的垃圾代码,很多地方稍加修改的话肯定变得简洁高效优雅? 所以✍这篇文章本着了解一下Jav ...

  6. 你真的了解JS数组的那些方法吗?

    寄语: JS数组的方法非常的丰富和琐碎,学习和使用过程中总是需要反复的记忆.查看文档,但作为JS基础这样真的不应该,我们应该把它记得滚瓜烂熟,深入理解才对. 但是要怎样才能做到呢?这正是我也本文的初衷 ...

  7. js数组常用方法总结(包括ES6)

    目录 js数组方法 Array.push( ) Array.pop( ) Array.unshift( ) Array.shift( ) Array.concat(arr1,arr2...) Arra ...

  8. 前后端交互必备之js数组方法大全

    CSDN写作新手,写的不妥之处,请大佬纠正且多多包涵. 文章目录 数组简介 一.js数组方法 二.js数组方法的使用 1.基础方法 2.进阶方法 数组简介 数组,就是将多个元素(通常是同一类型)按一定 ...

  9. 【一篇搞定JS数组】JavaScript数组使用详解

    文章目录 JavaScript 数组 Array 1)概述/前言 2)创建数组 (一)Array()构造函数 (二)数组字面量表示法 (三)扩展操作符 (四)工厂方法--Array.of()和Arra ...

最新文章

  1. python gui选择_Python之GUI的最终选择(Tkinter)
  2. 《Java 开发从入门到精通》—— 2.2 编写第一段Java程序
  3. 10年布局,这道题都不懂就别想进阿里
  4. 09_Mybatis开发Dao方法——mapper代理开发规范
  5. 3D游戏引擎设计 实时计算机图形学的应用方法 第2版 pdf 带索引书签目录
  6. VUE之文字跑马灯效果
  7. MySQL常用数据类型
  8. 诗和远方:无题(五十一)
  9. 今年暑假不AC 贪心
  10. python的for循环语句range_Python入门第7课,循环结构学习,for语句range函数的3种用法...
  11. 04-新拟物单选按钮样式
  12. 如何使用Win7系统自带的刻录功能刻录启动光盘
  13. 答题小程序学习,题库答题类小程序,云开发+cms做后台,有错题集,积分排名,做题进度
  14. 医院管理系统服务器,医院管理的十大运行系统!
  15. 2016全球排名前50的博客网站性能
  16. python学习之路遇到的问题以及解决方法
  17. 无需插件修改chrome浏览器UA标识为手机版
  18. JS学习--用JS读取本地文件
  19. 什么是robots.txt文件?
  20. 上海计算机5年制大专学校,上海五年制大专学校排名

热门文章

  1. Allegro artwork 参数设置
  2. 文件hidsdi.h
  3. 看这,苹果手机怎么录音的3个方法!
  4. Verilog RTL 代码实战 01——半加器全加器
  5. java文件压缩与解压_Java实现文件压缩与解压
  6. ASUS华硕天选/天选2P/天选3P/飞行堡垒789/枪神/枪神2/枪神3/枪神4/枪神5P/枪神6P/幻14 FA506 FX506安装原厂Windows10系统原装Windows11出厂系统重装
  7. 模糊集合和隶属度详解
  8. 数仓建模—增量数据处理
  9. 新手使用PS心得-技巧
  10. 入门UVM验证方法学