1. for循环

var arr = ["first",8];for(var i = 0; i < arr.length;i++){console.log(arr[i]);}first
8

2.for… in

var arr = ["first","second",'third' ,"fourth",3,5,8];
for(var i in arr){console.log(arr[i] +'/' + i);}//输出结果为:first/0second/1third/2fourth/33/45/58/6

3.for…of

 var arr = ["first","second",'third' ,"fourth",3,5,8];for(var item of arr){console.log(item);}//输出结果:firstsecondthirdfourth358

4.foreach方法:被传递给foreach的函数会在数组的每个元素上执行一次,元素作为参数传递给该函数,(不能遍历伪数组)

    var arr = ["first","second","third","fourth",3,5,8];//element 表示arr的单元项,index 表示arr单元项对应的索引值arr.forEach(function(element,index){console.log(element + '/' + index);})//输出结果:first/0second/1third/2fourth/33/45/58/6

5.map 遍历数组,并通过callback对数组元素进行操作,并将所有操作结果放入数组中并返回该数组(不能遍历伪数组)

 var arr = ["first","second",'third' ,"fourth"];var arr2 = arr.map(function(item){return item.toUpperCase()+1;    //map可以返回处理过 的数据})console.log(arr2);//输出
Array(4) [ "FIRST1", "SECOND1", "THIRD1", "FOURTH1" ]

6.filter( )返回一个包含所有在回调函数上返回为true的元素新数组,回调函数在此担任的是过滤器的角色,当元素符和条件,过滤器就返回true,而filter则会返回所有符合过滤条件的元素

var arr = ["first","second",'third' ,"fourth",3,5,8];var arr3 = arr.filter(function(item){if(typeof item == 'number'){return item;}})console.log(arr3);//输出
Array(3) [ 3, 5, 8 ]

7. every() 当数组中的每一个元素在callback上被返回true时就返回true(注意:要求每一个单元项都返回true时才为true)

every()与filter()的区别是:后者会返回所有符合过滤条件的元素;前者会判断是不是数组中的所有元素都符合条件,并且返回的是布尔值
var arr = ["first","second",'third' ,"fourth",3,5,8];
var bol = arr.every(function(element){if(typeof element == 'string'){return element;}})console.log(bol); //false

8.some()只要数组中有一项在callback上就返回true

every()与some()的区别是:前者要求所有元素都符合条件才返回true,后者要求只要有符合条件的就返回true
var arr = ["first","second",'third' ,"fourth",3,5,8];var bol = arr.some(function(element){if(typeof element == 'string'){return element;}})console.log(bol); //true
PS:以下的参数,即element,index不是系统默认的,也可以用a,b代表,三个参数代表的含义不变

javascript 遍历数组的常用方法(迭代、for循环 、for… in、for…of、foreach、map、filter、every、some,findindex)相关推荐

  1. JavaScript遍历数组,附5个案例

    先给大家分享一些JavaScript的相关资料: 认识JavaScript到初体验 JavaScript 注释以及输入输出语句 JavaScript变量的使用.语法扩展.命名规范 JavaScript ...

  2. Javascript遍历数组的各种方式

    初学者做一个小笔记,如有遗漏欢迎各位大佬补充,理性讨论不要yygq,谢谢 var arr = [1, 2, 3, 4, 4, 4, 4];/* 1.for循环参数:遍历出来的每个都是item即每一项返 ...

  3. JavaScript 遍历数组 翻转数组与冒泡排序法

    使用遍历数组的方式   翻转数组中的元素  ['a','b','c','d']    ['d','c','b','a'] 代码实例: //使用遍历数组的方式,翻转数组中的元素 var arr = [' ...

  4. JavaScript遍历数组和对象

    for循环遍历数组 for ...in遍历数组和对象均可 //用for循环遍历数组 var arr = new Array("orange", "banana" ...

  5. html javascript 遍历数组、字符串

    遍历数组 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

  6. matlab循环遍历数组_MatLab简易教程 #8 循环

    Matlab包括了while及for循环,具体用法如下: for...end 在matlab里,3种类型可以用for循环处理 规定间隔内 a:b 表示从a到b间隔内循环,例如: >> fo ...

  7. JavaScript遍历数组、Map

    <script>var arr = [3,4,5,6,34]//打印下标for(var x in arr){console.log(x)}</script> <scrip ...

  8. 〖大前端 - 基础入门三大核心之JS篇㉕〗- JavaScript 的数组的常用方法 (二)

    当前子专栏 基础入门三大核心篇 是免费开放阶段.推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏,目前阶段免费开放,购买任意白宝书体系化专栏可加 ...

  9. js es6数组常用方法:forEach map filter find every

  10. ie8以下 es5常见的数组遍历方法不可用的解决方案 forEach,map,filter,some,every

    为了兼容ie8以下的写法 1.forEach Array.prototype.myForEach = function (callback,context){context = context || ...

最新文章

  1. java 窗体隐藏和关闭_java JFrame窗体真正关闭
  2. SpringMVC_实现简单的增删改查
  3. sql 删除用户失败
  4. idea 设置java内存_java相关:IntelliJ IDEA设置显示内存指示器和设置内存大小的方法...
  5. Lua中的loadfile、dofile、require详解
  6. Spring集成基础知识
  7. “假冒hao123”“北大青鸟”被黑 钓鱼挂马两不误
  8. Android之十七 进度条和Hanlder
  9. ace缓存扩展接口_跟普通固态硬盘有何区别?群晖发布NAS专用SSD和扩展卡
  10. 用C读取INI配置文件 (可在linux平台上用)
  11. 【图像配准】基于matlab GUI互相关图像配准【含Matlab源码 853期】
  12. 未来教育计算机二级第十八套ppt,未来教育.ppt
  13. Pega How To系列之一:如何在页面上动态显示/隐藏内容 ----by Cheney Wang
  14. 从团队协作与主题解读ios主流思维导图软件
  15. 【图像处理】记一次粗心:未加载opencv_world300d.dll
  16. 医学数字成像设备中计算机系统的作用包括,《医学影像设备学》题 集
  17. 专家热议网络安全 我国建设网络强国要以自主可信为先
  18. 【基础算法】穷举算法 (暴力枚举) C++实现
  19. STM32学习100步之第七十二-七十六步——U盘、TF卡与单片机的通信(利用SPI总线通信)
  20. 爆料:Micron计划推出OLC(Octa Level Cell) NAND

热门文章

  1. Mac OS X下的截屏功能和使用技巧
  2. html中一条横线代码怎么写_Vue VS React 在开发同一记账项目中二者的对比
  3. 拓端tecdat|R语言arima,向量自回归(VAR),周期自回归(PAR)模型分析温度时间序列
  4. 拓端tecdat|R语言使用贝叶斯层次模型进行空间数据分析
  5. 拓端tecdat|R语言rcurl抓取问财财经搜索网页股票数据
  6. Tensorflow训练简单神经网络
  7. 操作系统PV操作题整理2
  8. 数据结构算法题整理3
  9. docker重启容器
  10. imgaug图像扩充实践