web前端中js reduce方法的使用是怎樣的

發(fā)布時(shí)間：2021-12-14 14:15:00 來源：億速云閱讀：229 作者：柒染欄目：互聯(lián)網(wǎng)科技

web前端中js reduce方法的使用是怎樣的，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

web前端教程分享js reduce方法使用教程，reduce() 方法接收一個(gè)函數(shù)作為累加器，數(shù)組中的每個(gè)值（從左到右）開始縮減，最終計(jì)算為一個(gè)值。

reduce() 可以作為一個(gè)高階函數(shù)，用于函數(shù)的 compose。

語法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

參數(shù)：

total 必需。初始值, 或者計(jì)算結(jié)束后的返回值。

currentValue 必需。當(dāng)前元素

currentIndex 可選。當(dāng)前元素的索引

arr 可選。當(dāng)前元素所屬的數(shù)組對(duì)象。

initialValue 可選。傳遞給函數(shù)的初始值

實(shí)例：

<p>數(shù)組元素之和: <span id="demo"></span></p>

var numbers = [15.5, 2.3, 1.1, 4.7];

function getSum(total, num) {

return total + Math.round(num);

}

function myFunction(item) {

document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);

}

</script>

兼容性：

不支持ie9以下

看完上述內(nèi)容，你們掌握web前端中js reduce方法的使用是怎樣的的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

猜你喜歡