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

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

創(chuàng)新互聯(lián)公司是專業(yè)的平邑網(wǎng)站建設(shè)公司，平邑接單;提供網(wǎng)站制作、網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行平邑網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

首先我們來(lái)看一個(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è)元素累加起來(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ù)組

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

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

網(wǎng)頁(yè)標(biāo)題：js數(shù)組中的元素怎么實(shí)現(xiàn)累加效果
當(dāng)前網(wǎng)址：http://muchs.cn/article18/jsoogp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站排名、App開發(fā)、云服務(wù)器、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)