微信扫一扫打赏支持

范仁义js课程---69、forEach

范仁义js课程---69、forEach

一、总结

一句话总结：

forEach方法的作用是用于遍历数组的每个元素，使用的话直接 数组名.forEach()即可，forEach的参数是回调函数：function(currentValue, index, arr)

 

1、forEach方法的参数回调函数：function(currentValue, index, arr) 的三个参数分别是什么意思？

第一个参数：currentValue：数组对应位置的值，也就是当前元素
第二个参数：index：对应的值在数组中的位置(索引)
第三个参数：arr：当前数组


例如当数组arr = ["贾宝玉","林黛玉","薛宝钗","袭人","晴雯"];，因为数组里面有5个元素，所以回调函数会执行5次，
第一次执行的时候，currentValue就是贾宝玉，index就是0，arr就是当前数组

 

2、回调函数是什么？

由我们创建，但是我们没有直接调用，但是函数在某个时候或者某种条件执行了的：例如 setInterval(function () {},2000); 里面的匿名函数
//回调函数小例子
setInterval(function () {
    console.log('我是回调函数，我由用户创建，但是用户 没有直接调用我，但是我执行了，');
},2000);

 

 

 

二、forEach

博客对应课程的视频位置：69、forEach
https://www.fanrenyi.com/video/19/174

 

 

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>forEach</title>
 6 </head>
 7 <body>
 8 <!--
 9 作用：用于遍历数组的每个元素
10 参数：回调函数：function(currentValue, index, arr)
11 返回值：
12 
13 回调函数的参数
14 第一个参数：数组对应位置的值
15 第二个参数：对应的值在数组中的位置(索引)
16 第三个参数：当前数组
17 
18 forEach里面的回调函数会执行，也就是数组有几个元素就执行几次
19 
20 回调函数：
21 由我们创建，但是我们没有直接调用，但是函数在某个时候或者某种条件执行了的
22 
23 -->
24 <script>
25     var arr = ["贾宝玉","林黛玉","薛宝钗","袭人","晴雯"];
26 
27     arr.forEach(function (val,index,arr) {
28         console.log('我是forEcha的参数，我是一个回调函数');
29         console.log('val: '+val);
30         console.log('index: '+index);
31         console.log('arr: '+arr);
32         //console.log(window.arr == arr);
33     });
34 
35     //回调函数小例子
36     // setInterval(function () {
37     //     console.log('我是回调函数，我由用户创建，但是用户 没有直接调用我，但是我执行了，');
38     // },2000);
39 </script>
40 </body>
41 </html>

 

 

 

 

 

 
posted @ 2020-03-18 05:58  范仁义  阅读(287)  评论(1)  编辑  收藏  举报