JavaScript中的reduce()的使用方法
JavaScript中的reduce()的使用方法？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！
我們提供的服務(wù)有：網(wǎng)站建設(shè)、做網(wǎng)站、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、達(dá)拉特ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的達(dá)拉特網(wǎng)站制作公司
reduce()是將數(shù)組數(shù)據(jù)的每個(gè)元素累積為一個(gè)值的最佳方法。
下面我們來(lái)看具體的內(nèi)容。
假設(shè)我們有一個(gè)這樣的數(shù)組：
var numbers = [1,2,3,4,5,6,7,8,9]; var strings = ['蘋(píng)果','香蕉','梨子','葡萄','荔枝'];
在這個(gè)例子中，我們準(zhǔn)備了一個(gè)存儲(chǔ)數(shù)字?jǐn)?shù)據(jù)的數(shù)組和一個(gè)存儲(chǔ)字符串?dāng)?shù)據(jù)的數(shù)組。
使用reduce()最明顯的方法是計(jì)算存儲(chǔ)在這種數(shù)組中的所有值的值。
如果是數(shù)值，則可以計(jì)算求和值，如果是字符，則可以將單個(gè)字符串連接在一起。
下面我們來(lái)看如何使用reduce()?
reduce()可以在目標(biāo)數(shù)組上執(zhí)行任意函數(shù)。
數(shù)組.reduce(function(累積值, 元素) { })第一個(gè)參數(shù)的“累積值”表示通過(guò)按順序處理數(shù)組元素獲得的值。
第二個(gè)參數(shù)“元素”表示當(dāng)前處理的數(shù)組元素。
在該函數(shù)中使用“return”，通過(guò)返回任意處理，結(jié)果保留在累積值中，最后可以獲得一個(gè)值。
我們來(lái)看具體的示例
對(duì)數(shù)組的每個(gè)元素求和
代碼如下
var numbers = [1,2,3,4,5,6,7,8,9];
var result = numbers.reduce(function(a, b) {
return a + b;
})
console.log(result);運(yùn)行結(jié)果如下
在此示例中，對(duì)存儲(chǔ)1到9的數(shù)字的數(shù)組執(zhí)行reduce()。
在函數(shù)中，您可以看到累加的值和每個(gè)元素都被簡(jiǎn)單地添加。
在第一次處理中變?yōu)椤? + 2”，將和存儲(chǔ)在累積值中，并在下一次處理中執(zhí)行“3 + 3”。
通過(guò)這樣做，運(yùn)行結(jié)果輸出所有值相加為“45”。
最后我們需要說(shuō)明一點(diǎn)：
reduce()的函數(shù)中使用“break”中斷處理的方法是不可以的，因此作為替代方案，存在利用數(shù)組的索引號(hào)的中斷方法，我們下面來(lái)簡(jiǎn)單看一下。
實(shí)際上，reduce()的函數(shù)中最多可以有四個(gè)參數(shù)。
配列.reduce(function(累積值, 元素, 索引號(hào), 數(shù)組) { })第三個(gè)參數(shù)“索引號(hào)”表示當(dāng)前處理的數(shù)組的索引號(hào)。
第四個(gè)參數(shù)“數(shù)組”表示當(dāng)前正在處理的數(shù)組本身。
利用這個(gè)參數(shù)，可以如下來(lái)實(shí)現(xiàn)中斷過(guò)程！
var numbers = [1,2,3,4,5,6,7,8,9];
var result = numbers.reduce(function(a, b, index, arr) {
if(index >= 3) arr.splice(1);
return a + b;
});
console.log(result);運(yùn)行結(jié)果如下
請(qǐng)注意reduce()函數(shù)中的IF語(yǔ)句！
通過(guò)在條件表達(dá)式中描述 “index> = 3”，當(dāng)它成為數(shù)組的第三個(gè)索引號(hào)時(shí)，可以執(zhí)行任意處理。
該過(guò)程變?yōu)椤癮rr.splice（1）”，并刪除第三個(gè)索引之后的所有數(shù)組元素。
因此，reduce()的處理將結(jié)束，因此您可以執(zhí)行與“break”相同的功能。
感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)JavaScript中的reduce()的使用方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章題目：JavaScript中的reduce()的使用方法
本文URL：http://m.jiaotiyi.com/article/ighcch.html