上一篇文章中我們了解了創(chuàng)建一個(gè)具有可變數(shù)量的數(shù)組的方法，請(qǐng)看《js如何創(chuàng)建一個(gè)具有可變數(shù)量的數(shù)組》。這次我們來(lái)了解一下數(shù)組中的元素實(shí)現(xiàn)累加效果的方法，有需要的可以參考參考。

首先我們來(lái)看一個(gè)小例子。

我們現(xiàn)在有這樣一個(gè)問(wèn)題，已知，我們有一個(gè)包含1，2，3，4這四個(gè)元素的數(shù)組，現(xiàn)在我們想知道這個(gè)數(shù)組中元素的總和是多少，該如何計(jì)算呢？如果加上元素two呢？這總和還是一樣的嗎？

<script> var arr = new Array(7);  arr[0] = 1; arr[1] = 2; arr[2] = 3; arr[3] = 4; console.log(arr); const reducer = (accumulator, currentValue) => accumulator + currentValue; console.log(arr.reduce(reducer));  var nums = new Array(7);  nums[0] = 1; nums[1] = 2; nums[2] = 3; nums[3] = 4; nums[4] = "two"; console.log(nums); console.log(nums.reduce(reducer)); </script>

這個(gè)小例子的結(jié)果是

我們可以結(jié)合題目觀察一下結(jié)果，1，2，3，4四個(gè)元素累加起來(lái)的結(jié)果是10，而1，2，3，4和two這五個(gè)元素累加的結(jié)果是10two。這表明，在這個(gè)方法中，如果出現(xiàn)英文的話，英文是不會(huì)被過(guò)濾的，會(huì)直接與數(shù)字進(jìn)行運(yùn)算。

了解這么多之后，我們?nèi)ゾ唧w看看這個(gè)方法吧。

reduce() 方法對(duì)數(shù)組中的每個(gè)元素執(zhí)行一個(gè)由我們提供的reducer函數(shù)(升序執(zhí)行)，將其結(jié)果匯總為單個(gè)返回值。

我們來(lái)看看這個(gè)方法的語(yǔ)法吧。

數(shù)組名稱.reduce(執(zhí)行的函數(shù)(累計(jì)器的返回值,正在處理的元素,當(dāng)前元素索引,數(shù)組,第一次調(diào)用函數(shù)時(shí)的值)

reduce為數(shù)組中的每一個(gè)元素依次執(zhí)行callback函數(shù)，不包括數(shù)組中被刪除或從未被賦值的元素，接受四個(gè)參數(shù)：

• accumulator 累計(jì)器

• currentValue 當(dāng)前值

• currentIndex 當(dāng)前索引

• array 數(shù)組

注意：如果沒(méi)有提供第一次調(diào)用函數(shù)時(shí)的值，reduce 會(huì)從索引1的地方開(kāi)始執(zhí)行 callback 方法，跳過(guò)第一個(gè)索引。如果提供第一次調(diào)用函數(shù)時(shí)的值，從索引0開(kāi)始。

就說(shuō)到這里了，有需要的可以看：javascript基礎(chǔ)教程