美文网首页
重点--forEach

重点--forEach

作者: 潘肚饿兵哥哥 | 来源:发表于2019-06-25 11:33 被阅读0次

\color{rgba(254, 67, 101, .8)}{forEach()用来遍历数组}
\color{rgba(254, 67, 101, .8)}{forEach()方法需要一个函数作为参数}

var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
    
    arr.forEach(function(a){
        console.log("a = "+a);
    });

返回值:

image.png

\color{rgba(254, 67, 101, .8)}{这个函数我们并没有调用,但是他有返回值,表示是浏览器自己调的,这就是回调函数}
\color{rgba(254, 67, 101, .8)}{列表项有几项他就会执行几次}
\color{rgba(254, 67, 101, .8)}{每次执行浏览器会将遍历到的元素作为实参传进来}
\color{rgba(254, 67, 101, .8)}{可以定义形参来接收这些内容}


源码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            
            /*
             * 一般我们都是使用for循环去遍历数组,
             *  JS中还为我们提供了一个方法,用来遍历数组
             * forEach()
             *      - 这个方法只支持IE8以上的浏览器
             *          IE8及以下的浏览器均不支持该方法,所以如果需要兼容IE8,则不要使用forEach
             *          还是使用for循环来遍历
             */
            
            //创建一个数组
            var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
            
            /*
             * forEach()方法需要一个函数作为参数
             *  - 像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
             *  - 数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素
             *      以实参的形式传递进来,我们可以来定义形参,来读取这些内容
             *  - 浏览器会在回调函数中传递三个参数:
             * 
             *      第一个参数,就是当前正在遍历的元素
             *      第二个参数,就是当前正在遍历的元素的索引
             *      第三个参数,就是正在遍历的数组
             *      
             */
            
            // arr.forEach(function(){
            //  console.log("xxx");
            // });这里返回了5个xxx,表示虽然我们没有调用它,但是他执行了,而且执行了5次,代表上面的arr列表一共有5项
            
            
            
            arr.forEach(function(value , index , obj){
                console.log(value);//并没有调用这个函数,但是这里输出console.log他会出结果,这种由浏览器自己调用的函数叫回调函数
            });
            
            
        </script>
    </head>
    <body>
    </body>
</html>

相关文章

网友评论

      本文标题:重点--forEach

      本文链接:https://www.haomeiwen.com/subject/dqctcctx.html