好程式設計師web前端教程分享js reduce方法使用教程

好程式設計師 web 前端教程分享 js reduce 方法使用教程 ， reduce() 方法接收一個函式作為累加器，陣列中的每個值（從左到右）開始縮減，最終計算為一個值。

reduce() 可以作為一個高階函式，用於函式的 compose 。

 

語法：

 

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

引數：

 

total 必需。初始值 , 或者計算結束後的返回值。

currentValue 必需。當前元素

currentIndex 可選。當前元素的索引

arr 可選。當前元素所屬的陣列物件。

initialValue 可選。傳遞給函式的初始值

 

例項：

 

<button onclick="myFunction()"> 點我 </button>

 

<p> 陣列元素之和 : <span id="demo"></span></p>

 

<script>

var numbers = [15.5, 2.3, 1.1, 4.7];

 

function getSum(total, num) {

    return total + Math.round(num);

}

function myFunction(item) {

    document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);

}

</script>

相容性：

 

不支援 ie9 以下