如何用JavaScript求數組的總和

本篇內容介紹了“如何用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求數組的總和”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！