js數(shù)組中的元素怎么實(shí)現(xiàn)累加效果

本篇內(nèi)容主要講解“js數(shù)組中的元素怎么實(shí)現(xiàn)累加效果”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“js數(shù)組中的元素怎么實(shí)現(xiàn)累加效果”吧!

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

我們現(xiàn)在有這樣一個(gè)問題，已知，我們有一個(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è)元素累加起來的結(jié)果是10，而1，2，3，4和two這五個(gè)元素累加的結(jié)果是10two。這表明，在這個(gè)方法中，如果出現(xiàn)英文的話，英文是不會(huì)被過濾的，會(huì)直接與數(shù)字進(jìn)行運(yùn)算。

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

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

我們來看看這個(gè)方法的語法吧。

數(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ù)組

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

到此，相信大家對(duì)“js數(shù)組中的元素怎么實(shí)現(xiàn)累加效果”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！