JavaScript数组遍历方法2 foreach

最新推荐文章于 2023-04-18 14:13:29 发布

jifukui

最新推荐文章于 2023-04-18 14:13:29 发布

阅读量558

点赞数

分类专栏：前端综合文章标签： javascript

本文链接：https://blog.csdn.net/jifukui/article/details/108188853

版权

前端综合专栏收录该内容

17 篇文章 0 订阅

订阅专栏

foreach方法是数组的方法，也可以对数组进行遍历，他接收两个参数第一个参数为一个函数，第二个参数为传入的值。其中第一个参数的函数接受3个参数第一个参数是当前遍历数据的值，第二个参数为当前遍历数据在数组中的索引值，第三个参数是当前数组。foreach中的函数中不能存在break和continue语句。相对for循环来说功能比较专注于对数组的每一项元素都进行处理。但是对于寻找某个值或者需要中途退出的函数来说不太适用，同时函数没有返回值。下面我们来看一下对于foreach的求数组和的实现。

<!DOCTYPE html>
<html>
    <head>
        <title>foreach的使用</title>
        <meta charset="utf-8">
    </head>
    <body>
        <input type="button" value="执行结果" id="foreach">
        <div id="value" style="width: 600px;height: 400;"></div>
    </body>
    <script>
        let a=[1,2,3,4,5,6,7,8,9];
        let demo2=document.getElementById("foreach");
        var data=0;
        demo2.addEventListener("click",function(){
            let value ="";
            data=0;
            a.forEach((val,ind)=>{
                data+=val;
                value+=`当前值为 ${val} 索引值为${ind}\r\n`
            },data);
            value+=`结果为${data}`
            let demo=document.getElementById("value");
            demo.innerText=value;
        });
    </script>
</html>

执行结果为45.

jifukui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript数组遍历方法2 foreach

foreach方法是数组的方法，也可以对数组进行遍历，他接收两个参数第一个参数为一个函数，第二个参数为传入的值。其中第一个参数的函数接受3个参数第一个参数是当前遍历数据的值，第二个参数为当前遍历数据在数组中的索引值，第三个参数是当前数组。foreach中的函数中不能存在break和continue语句。相对for循环来说功能比较专注于对数组的每一项元素都进行处理。但是对于寻找某个值或者需要中途退出的函数来说不太适用，同时函数没有返回值。下面我们来看一下对于foreach的求数组和的实现。<!DO
复制链接

扫一扫