欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

浅谈JavaScript中数组的遍历

程序员文章站 2022-05-03 15:39:47
...
本文给大家浅谈一下JavaScript中数组的遍历,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

1、使用for循环,是数组中最常见的遍历方法

浅谈JavaScript中数组的遍历

第一个返回值是遍历数组中的每一位,第二位返回值可以看作数组的索引值。可以在for循环中嵌套if语句,进行对元素值进行判断根据条件执行循环语句。

2,使用forEach()方法

a、forEach()的使用方法:

forEach方法从头至尾遍历数组,对每个元素调用指定的函数。forEach方法传入参数为一个函数,函数 可以传入三个参数,按照顺序分别为,数组元素、元素索引和数组本身。不强制同时传入三个参数,可以按照需求传入参数个数。

浅谈JavaScript中数组的遍历

数组[1,2,3,4]调用forEach方法,在传入参数函数中分别返回参数值中我们可以看到ele代表数组中的每一位,index代表数组的索引值,arr代表调用此方法的数组。

利用forEach方法实现数组元素累加

浅谈JavaScript中数组的遍历

b、forEach()方法的源码实现

浅谈JavaScript中数组的遍历

将自定义myForEach方法扩展到数组的原型上。按照数组中元素的个数进行遍历,将数组的每一位this[i]及代表数组索引 i 作为函数参数,同时在for循环中执行参数fn函数。this代表调用myForEach方法的数组。

3,使用map()方法

map()方法将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含函数的返回值。不改变原来的数组。map()方法的使用与forEach()方法相同。

浅谈JavaScript中数组的遍历

思考小联系:

修改数据的数据结构并输出。将数组arr的所有元素变成数组b的数据结构的形式。

浅谈JavaScript中数组的遍历

答案:

浅谈JavaScript中数组的遍历

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程

相关推荐:

JavaScript图文教程

JavaScript在线手册

以上就是浅谈JavaScript中数组的遍历的详细内容,更多请关注其它相关文章!