JavaScript Array中的新方法-forEach()

最新推荐文章于 2023-08-12 12:40:47 发布

屋顶上的小喵

最新推荐文章于 2023-08-12 12:40:47 发布

阅读量1.3k

点赞数

文章标签： forEach javaScript数组方法

本文链接：https://blog.csdn.net/vivian_1122/article/details/80153654

版权

javaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

forEach(), some(), filter ,findIndex 都属于数组的新方法,都会对数组的每一项,进行遍历,执行相关的操作.

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。

这里写图片描述

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./lib/jquery-1.12.2.js"></script>
    </head>
    <body>
        <p>点击按钮计算数组中所有元素的和</p>
        <button id="btn">点击</button>
        <p>数组元素的总和:<span id="demo"></span></p>
        <script type="text/javascript">
            var sum = 0;
            var arr =[1,3,5,6,9];
            // 获取按钮,创建点击事件
            $('#btn').click(function(){
            // 遍历数组中的每一项,点击按钮,数组中的每一项相加求和
            arr.forEach(function(item){
                sum += item;
                //把相加的和展现在页面中
                demo.innerHTML = sum;
            })
        })
        </script>
    </body>
    </html>

some()方法用于检测数组中的元素是否满足指定条件（函数提供）
some() 方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。
注意： some() 不会对空数组进行检测。
注意： some() 不会改变原始数组。

语法格式:

array.some(function(currentValue,index,arr),thisValue)

这里写图片描述

屋顶上的小喵

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript Array中的新方法-forEach()

forEach(), some(), filter ,findIndex 都属于数组的新方法,都会对数组的每一项,进行遍历,执行相关的操作.forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。 &lt;!DOCTYPE html&gt; &lt;html lang="en"...
复制链接

扫一扫