reduce 方法（升序）

語法：  

array1.reduce(callbackfn[, initialValue])

返回值：

        通過最后一次調(diào)用回調(diào)函數(shù)獲得的累積結(jié)果。

異常：

        當(dāng)滿足下列任一條件時(shí)，將引發(fā) TypeError 異常：

1. callbackfn 參數(shù)不是函數(shù)對(duì)象。
2. 數(shù)組不包含元素，且未提供 initialValue。

回調(diào)函數(shù)語法：

    function callbackfn(previousValue, currentValue, currentIndex, array1)

    可使用最多四個(gè)參數(shù)來聲明回調(diào)函數(shù)。

    下表列出了回調(diào)函數(shù)參數(shù)。

第一次調(diào)用回調(diào)函數(shù)

在第一次調(diào)用回調(diào)函數(shù)時(shí)，作為參數(shù)提供的值取決于 reduce 方法是否具有 initialValue 參數(shù)。

如果向 reduce 方法提供 initialValue：

previousValue 參數(shù)為 initialValue。
currentValue 參數(shù)是數(shù)組中的第一個(gè)元素的值。

如果未提供 initialValue：

previousValue 參數(shù)是數(shù)組中的第一個(gè)元素的值。
currentValue 參數(shù)是數(shù)組中的第二個(gè)元素的值。

修改數(shù)組對(duì)象

數(shù)組對(duì)象可由回調(diào)函數(shù)修改。

下表描述了在 reduce 方法啟動(dòng)后修改數(shù)組對(duì)象所獲得的結(jié)果。

實(shí)例：

1.下面的示例將數(shù)組值連接成字符串，各個(gè)值用“::”分隔開。由于未向 reduce 方法提供初始值，第一次調(diào)用回調(diào)函數(shù)時(shí)會(huì)將“abc”作為 previousValue 參數(shù)并將“def”作為 currentValue 參數(shù)。

function appendCurrent (previousValue, currentValue) {
 return previousValue + "::" + currentValue;
 }
var elements = ["abc", "def", 123, 456];
var result = elements.reduce(appendCurrent);
document.write(result);
// Output:
// abc::def::123::456

2.下面的示例向數(shù)組添加舍入后的值。使用初始值 0 調(diào)用 reduce 方法。

function addRounded (previousValue, currentValue) {
 return previousValue + Math.round(currentValue);
 }
var numbers = [10.9, 15.4, 0.5];
var result = numbers.reduce(addRounded, 0);
document.write (result);
// Output: 27

3.下面的示例向數(shù)組中添加值。 currentIndex 和 array1 參數(shù)用于回調(diào)函數(shù)

function addDigitValue(previousValue, currentDigit, currentIndex, array) {
 var exponent = (array.length - 1) - currentIndex;
 var digitValue = currentDigit * Math.pow(10, exponent);
 return previousValue + digitValue;
 }
var digits = [4, 1, 2, 5];
var result = digits.reduce(addDigitValue, 0);
document.write (result);
// Output: 4125

此題分析：

    首先賦予了初始值0，那么currentDigit就是從4開始的，調(diào)用方法四次，這樣可以把四次方法調(diào)用的參數(shù)都寫出來：(0,4,0,array)、(4,1,1,array)、(1,2,2,array)、(2,5,3,array)，再一次進(jìn)行計(jì)算，由于初始值是0，所有只需要計(jì)算出每個(gè)方法的返回值最后相加即可。array.length始終為4，則四次計(jì)算的值分別為4000+100+20+5=4125

reduceRight 方法（降序）

reduceRight的語法以及回調(diào)函數(shù)的規(guī)則和reduce方法是一樣的，區(qū)別就是在與reduce是升序，即角標(biāo)從0開始，而reduceRight是降序，即角標(biāo)從arr.length-1開始。如果有初始值，則從最后一個(gè)數(shù)開始計(jì)算，如果沒有初始值，則previousValue參數(shù)是數(shù)組中最后一個(gè)元素的值，currentValue是數(shù)組中倒數(shù)第二個(gè)元素的值。

示例：

1.下面的示例獲取數(shù)組中值為 1 到 10 之間的元素。提供給 reduceRight 方法的初始值是一個(gè)空數(shù)組。

function Process2(previousArray, currentValue) {
 var nextArray;
 if (currentValue >= 1 && currentValue <= 10)
  nextArray = previousArray.concat(currentValue);
 else
  nextArray = previousArray;
 return nextArray;
}
var numbers = [20, 1, -5, 6, 50, 3];
var emptyArray = new Array();
var resultArray = numbers.reduceRight(Process2, emptyArray);
document.write("result array=" + resultArray);
// Output:
// result array=3,6,1

2.reduceRight 方法可應(yīng)用于字符串。下面的示例演示如何使用此方法反轉(zhuǎn)字符串中的字符。

function AppendToArray(previousValue, currentValue) {
 return previousValue + currentValue;
}
var word = "retupmoc";
var result = [].reduceRight.call(word, AppendToArray, "the ");
// var result = Array.prototype.reduceRight.call(word, AppendToArray, "the ");
document.write(result);
// Output:
// the computer

這里可以直接使用空數(shù)組調(diào)用reduceRight方法，并且使用call方法將參數(shù)引入。也可以是直接使用原型鏈的方式進(jìn)行調(diào)用，即Array.prototype.reduceRight.call(word, AppendToArray, "the ");

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

最新評(píng)論