zoukankan      html  css  js  c++  java
  • JavaScript手册 | JS Array 对象中的reduce() 方法

    [

    reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

    reduce() 可以作为一个高阶函数,用于函数的 compose。

    注意: reduce() 对于空数组是不会执行回调函数的。

    句法:

    array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

    参数

    function: 
    必需。用于执行每个数组元素的函数。

    total:
    必需。初始值, 或者计算结束后的返回值。

    currentValue:
    必需。当前元素

    currentIndex:
    可选。当前元素的索引

    arr:
    可选。当前元素所属的数组对象。

    initialValue:
    可选。传递给函数的初始值。

    JS Array 对象中的array.reduce()方法浏览器的兼容性

    方法 Chrome Inter Explorer Firefox Safari Opera
    Array.reduce() YES YES YES YES YES

    js array使用reduce()进行数组的累加

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>js array使用reduce()进行数组的累加- Break易站(breakyizhan.com)</title>
    </head>
    <body>
    
    <p>点击按钮计算数组元素相加后的总和。</p>
    <p>数组元素总和: <span id="demo"></span></p>
    <br>
    <p>点击按钮后对数组元素没有进行四舍五入并计算总和。</p>
    <p>数组元素总和: <span id="demo2"></span></p> 
    <br>
    <p>点击按钮后对数组元素进行四舍五入并计算总和。</p>
    <p>数组元素总和: <span id="demo3"></span></p> 
    <br>
    <button onclick="myFunction()">点我</button> 
    
    <script>
    var numbers = [65, 44, 12, 40];
    var numbers2 = [18.5, 2.8, 1.2, 4.7];
    
    function getSum(total, num) {
        return total + num;
    }
    function getSum2(total, num) {
        return total + Math.round(num);
    }
    function myFunction(item) {
        document.getElementById("demo").innerHTML = numbers.reduce(getSum);
     document.getElementById("demo2").innerHTML = numbers2.reduce(getSum);
     document.getElementById("demo3").innerHTML = numbers2.reduce(getSum2,0);
    }
    </script>
    
    </body>
    </html>


    尝试一下 >>

    ]
    转载请保留页面地址:https://www.breakyizhan.com/js/6843.html
  • 相关阅读:
    OSCP Learning Notes Buffer Overflows(3)
    OSCP Learning Notes Buffer Overflows(5)
    OSCP Learning Notes Exploit(3)
    OSCP Learning Notes Exploit(4)
    OSCP Learning Notes Exploit(1)
    OSCP Learning Notes Netcat
    OSCP Learning Notes Buffer Overflows(4)
    OSCP Learning Notes Buffer Overflows(1)
    OSCP Learning Notes Exploit(2)
    C++格式化输出 Learner
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13286235.html
Copyright © 2011-2022 走看看