js數組中的元素怎么實現累加效果

本篇內容主要講解“js數組中的元素怎么實現累加效果”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“js數組中的元素怎么實現累加效果”吧!

首先我們來看一個小例子。

我們現在有這樣一個問題，已知，我們有一個包含1，2，3，4這四個元素的數組，現在我們想知道這個數組中元素的總和是多少，該如何計算呢？如果加上元素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>

這個小例子的結果是

我們可以結合題目觀察一下結果，1，2，3，4四個元素累加起來的結果是10，而1，2，3，4和two這五個元素累加的結果是10two。這表明，在這個方法中，如果出現英文的話，英文是不會被過濾的，會直接與數字進行運算。

了解這么多之后，我們去具體看看這個方法吧。

reduce() 方法對數組中的每個元素執行一個由我們提供的reducer函數(升序執行)，將其結果匯總為單個返回值。

我們來看看這個方法的語法吧。

數組名稱.reduce(執行的函數(累計器的返回值,正在處理的元素,當前元素索引,數組,第一次調用函數時的值)

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

• accumulator 累計器

• currentValue 當前值

• currentIndex 當前索引

• array 數組

注意：如果沒有提供第一次調用函數時的值，reduce 會從索引1的地方開始執行 callback 方法，跳過第一個索引。如果提供第一次調用函數時的值，從索引0開始。

到此，相信大家對“js數組中的元素怎么實現累加效果”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！