码迷,mamicode.com
首页 > 编程语言 > 详细

数组遍历 forEach 方法

时间:2019-12-05 19:11:08      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:执行   style   nbsp   fun   class   mic   图片   i++   color   

数组的遍历

遍历数组,将数组中的所有元素都取出来。

使用for 循环执行数组的索引(length-1)相同的次数。

var arr=["1", "5", "10", "25", "40", "1000"];
for(var i=0;i<arr.length;i++){
    console.log(arr[i]);
}

技术图片

 

除了常见的使用for循环去遍历数组,JS中还为我们提供了一个方法,用来遍历数组 的 forEach() 

  1、forEach()只支持IE8及其以上的浏览器。

  2、forEach()需要一个函数作为参数,像这种函数,由我们创建但是不由我们调用的。称为回调函数

数组中有几个元素,函数就会执行几次;

每次执行时,浏览器会将遍历到的元素以实参的形式传递进来,我们可以来定义形参来读取这些内容

数组arr 共有三个元素,所以函数就执行了三次。

var arr=["大雪","小雪","霜降"]
arr.forEach(function(){
    console.log(11);
})

技术图片

浏览器会在回调函数中传递三个参数:

第一个参数,当前正在遍历的元素

第二个参数,当前正在遍历的元素的索引

第三个参数,正在遍历的数组

var arr=["大雪","小雪","霜降"]
arr.forEach(function(aa,bb,cc,dd){
    console.log(‘aa=‘+aa+‘ ;bb=‘+bb+‘ ;cc=‘+cc+‘ ;dd=‘+dd);
})

技术图片

forEach()这个方法只支持IE8以上的浏览器,IE及以下的浏览器均不支持该方法,所以如果兼容IE8,则不要使用forEach方法,还是使用for循环。

 

数组遍历 forEach 方法

标签:执行   style   nbsp   fun   class   mic   图片   i++   color   

原文地址:https://www.cnblogs.com/nyw1983/p/11953699.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!