怎麼用JavaScript求數組的總和

方法：1、用「arr.reduce(function f(pre,curr){return pre cur})」語句；2、用「arr.reduceRight(function f(pre,curr){return pre cur})」。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

用JavaScript求數組的總和

方法1：使用reduce()

reduce ()    將陣列元素計算為一個值（由左至右）。    

var a = [1, 2, 3, 4, 5];
var b =a.reduce(function f(pre, curr){
	return pre + curr;
	});
console.log(b);

說明：

reduce() 方法可對陣列中的所有元素呼叫指定的回呼函數。此回調函數的傳回值為累積結果，且此回傳值在下一次呼叫該回呼函數時作為參數提供。具體用法如下：

array.reduce(callbackfn[, initialVaule]);

參數說明：

• array：必要參數，陣列物件。

• callbackfn：必要參數，一個接受最多四個參數的函數。對於陣列中的每個元素，recude() 方法都會呼叫 callbackfn 函數一次。

• initialVaule：可選參數，如果指定 initialVaule，則它將用作初始值來啟動累積。第一次呼叫 callbackfn 函數會將此值作為參數而非陣列值提供。

reduce() 方法的傳回值是透過最後一次呼叫回呼函數所獲得的累積結果。

如果提供了參數initialVaule，則reduce() 方法會對數組中的每個元素呼叫一次callbackfn 函數（按升序索引順序）；如果為提供initialVaule，則reduce() 方法會對從第2 個元素開始的每個元素都呼叫callbackfn 函數。

回呼函數的回傳值在下一次呼叫回呼函數時會作為 previousValue 參數提供。最後一次呼叫回呼函數所獲得的回傳值為 recude() 方法的回傳值。此方法不會為數組中缺少的元素呼叫該回調函數。

回呼函數的語法如下：

function callbackfn(previousValue, currentVaule, currentIndex, array);

回呼函數參數說明：

• previousValue：透過上一次呼叫回呼函數所得到的值。如果向 reduce() 方法提供 initialValue，則在首次呼叫函數時，previousValue 為 initialValue。

• currentVaule：目前元素陣列的值。

• currentIndex：目前陣列元素的數字索引。

• array：包含該元素的陣列物件。

在第一次呼叫回呼函數時，作為參數提供的值取決於 reduce() 方法是否有 initialValue 參數。如果提供 recude() 方法 initialValue，則 previousValue 參數為 initialValue，currentValue 參數是數組中第 1 個元素的值。

方法2：使用reduceRight()

reduceRight()    將陣列元素計算為一個值（由右至左）。  

var arr = [1, 2, 3, 4, 5, 5];
var b =arr.reduceRight(function f(pre, curr){
	return pre + curr;
	});
console.log(b);

說明：

reduceRight() 方法可從右向左對陣列中的所有元素呼叫指定的回呼函數。此回調函數的傳回值為累積結果，且此回傳值在下一次呼叫該回呼函數時作為參數提供。具體用法如下：

array.reduceRight(callbackfn[, initialValue]);

該方法的語法和用法與 reduce() 方法大概相同，唯一不同的是，它是從數組右側開始呼叫回調函數。如果提供了 initialValue，則 reduceRight() 方法會以降序索引順序對數組中的每個元素呼叫一次 callbackfn 函數。如果未提供 initialValue，則 reduceRight() 方法會以降序索引順序對每個元素（從倒數第 2 個元素開始）呼叫 callbackfn 函數。

【推薦學習：javascript高階教學】

#

以上是怎麼用JavaScript求數組的總和的詳細內容。更多資訊請關注PHP中文網其他相關文章！