最新的Web開發教程
 

JavaScript排列reduce() Method

<JavaScript的陣列參考

獲取數組中的數字的總和:

var numbers = [65, 44, 12, 4];

function getSum(total, num) {
    return total + num;
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum);
}

其結果將是:

125
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

class="color_h1">reduce ()方法降低了陣列的單個值。

reduce()方法執行用於陣列的每個值的設置功能(from left-to-right)

該函數的返回值被存儲在蓄能器(result/total)

注意: 減少 (),而不值不執行對的數組元素的功能。


瀏覽器支持

在表中的數字規定,完全支持方法的第一個瀏覽器版本。

方法
reduce() 9 3.0 4 10.5

句法

參數值
參數 描述
function(total,currentValue, index,arr) 需要。 的函數,為所述陣列中的每個元素中運行。
功能參數:
論據 描述
total 需要。 該初值 ,或函數的前面返回的值
currentValue 需要。 當前元素的值
currentIndex 可選的。 當前元素的數組索引
arr 可選的。 陣列對象中的當前元素所屬
初始值 可選的。 的值被傳遞給函數作為初始值

技術細節

返回值: 布爾。 如果任何所述陣列中的元件的通過測試,則返回true,否則返回假
JavaScript的版本: 1.8

例子

更多示例

輪所有數量是數組,並顯示總和:

<button onclick="myFunction()">Try it</button>

<p>Sum of numbers in array: <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>
試一試»

<JavaScript的陣列參考