JS--forEach方法与回调函数

文章目录

一、forEach方法

forEach方法时数组变量调用的方法，参数有两个，一个是function，另一个是object，一般只用function的，而这个function就是回调函数。

二、回调函数的使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function fun1(){
				var arr = [7,8,9,10];
				//回调函数
				var f1 = function(value,index,arr){
					alert(value+'--'+index+'--'+arr);
				};
				var f2 = function(value){
					alert(value);
				};
				var f3 = function(value,index){
					alert(value+'--'+index);
				};
				arr.forEach(f1);
			};
		</script>
	</head>
	<body>
		<button onclick="fun1()">按钮</button>
	</body>
</html>

输出：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

f1方法的三个参数依次为值、索引和数组元素。如果参数少于三个时（如f2和f3），则按照value、index、arr的顺序取值。

版权声明：本文为weixin_43879167原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。