javascript中forEach方法

/*
* 一般我们都是用for循环进行遍历数组
* JS中还为我们提供了一个方法,用来遍历数组
* forEach()
* - 这个方法只支持IE8以上的版本
* IE8及以下的浏览器都不支持该方法,所以如果需要兼容IE8,则不要使用forEach
*/

		var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
		
		/*
		 * forEach()方法需要一个函数作为参数
		 *  - 像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
		 *  - 数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素
		 * 			以实参的形式传递进来,我们可以来定义形参,来读取这些内容
		 * 	- 浏览器会在回调函数中传递三个参数
		 * 		第一个参数,就是当前正在遍历的元素
		 * 		第二个参数,就是当前正在遍历的元素的索引
		 * 		第三个参数,就是当前正在遍历的数组
		 */
		
		arr.forEach(function(value,index,obj){
			console.log(value+index+obj);
		});

输出结果:
[Web浏览器] “唐僧3孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (25)
[Web浏览器] “白骨精4孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (25)
[Web浏览器] “孙悟空0孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (27)
[Web浏览器] “猪八戒1孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (27)
[Web浏览器] “沙和尚2孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (27)
[Web浏览器] “唐僧3孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (27)
[Web浏览器] “白骨精4孙悟空,猪八戒,沙和尚,唐僧,白骨精” /初级教程07/11forEach.html (27)

猜你喜欢

转载自blog.csdn.net/plannothing/article/details/107740666