首頁 > web前端 > js教程 > javascript中reduce()方法是做什麼的

javascript中reduce()方法是做什麼的

青灯夜游
發布: 2021-10-19 15:42:43
原創
9780 人瀏覽過

在javascript中,reduce()方法用於對數組元素進行迭代(累加),會對數組中的所有元素調用指定的回調函數作為累加器,數組中的每個值(從左到右)開始縮減,最終計算為一個值。

javascript中reduce()方法是做什麼的

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中,reduce()方法用於對數組元素進行迭代(累加),該方法接收一個函數作為累加器,數組中的每個值(從左到右)開始縮減,最終計算為一個值。

reduce() 方法可對陣列中的所有元素呼叫指定的回呼函數。此回調函數的傳回值為累積結果,且此回傳值在下一次呼叫該回呼函數時作為參數提供。

語法:

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
登入後複製

function callbackfn(previousValue, currentVaule, currentIndex, array):必要參數,指定回呼函數,最多可以接收4個參數:

  • previousValue:透過上一次呼叫回呼函數所得到的值。如果向 reduce() 方法提供 initialValue,則在首次呼叫函數時,previousValue 為 initialValue。

  • currentVaule:目前元素陣列的值。

  • currentIndex:目前陣列元素的數字索引。

  • array:包含該元素的陣列物件。

initialValue:可省略的參數,傳遞給函數的初始值。

下面透過程式碼範例來具體了解一下:

範例1:將陣列值進行累加求和

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);
登入後複製

輸出結果:

36
登入後複製

範例2:將陣列值連接成字串

var a = [11, 12, 13], str = '';
function f(pre,curr) {
	str=pre+'-'+curr;
	return str;
}

a.reduce(f);
console.log(str);
登入後複製

javascript中reduce()方法是做什麼的

【建議學習:javascript進階教學

以上是javascript中reduce()方法是做什麼的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板