數組迭代reduce和reduceRight方法怎么用

本文小編為大家詳細介紹“數組迭代reduce和reduceRight方法怎么用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“數組迭代reduce和reduceRight方法怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

Array.reduce（）

reduce（） 方法在每個數組元素上運行函數，以生成（減少它）單個值。

reduce（） 方法在數組中從左到右工作。另請參閱 reduceRight（）。

reduce（） 方法不會減少原始數組。

這個例子確定數組中所有數字的總和：

實例

var numbers1 = [45, 4, 9, 16, 25];

var sum = numbers1.reduce（myFunction）;

function myFunction（total, value, index, array） {

  return total + value;

}

請注意此函數接受 4 個參數：

總數（初始值/先前返回的值）

項目值

項目索引

數組本身

上例并未使用 index 和 array 參數。可以將它改寫為：

實例

var numbers1 = [45, 4, 9, 16, 25];

var sum = numbers1.reduce（myFunction）;

function myFunction（total, value） {

  return total + value;

}

reduce（） 方法能夠接受一個初始值：

實例

var numbers1 = [45, 4, 9, 16, 25];

var sum = numbers1.reduce（myFunction, 100）;

function myFunction（total, value） {

  return total + value;

}

所有瀏覽器都支持 Array.reduce（），除了 Internet Explorer 8 或更早的版本：

Array.reduceRight（）

reduceRight（） 方法在每個數組元素上運行函數，以生成（減少它）單個值。

reduceRight（） 方法在數組中從右到左工作。另請參閱 reduce（）。

reduceRight（） 方法不會減少原始數組。

這個例子確定數組中所有數字的總和：

實例

var numbers1 = [45, 4, 9, 16, 25];

var sum = numbers1.reduceRight（myFunction）;

function myFunction（total, value, index, array） {

  return total + value;

}

請注意此函數接受 4 個參數：

總數（初始值/先前返回的值）

項目值

項目索引

數組本身

上例并未使用 index 和 array 參數。可以將它改寫為：

實例

var numbers1 = [45, 4, 9, 16, 25];

var sum = numbers1.reduceRight（myFunction）;

function myFunction（total, value） {

  return total + value;

}

所有瀏覽器都支持 Array.reduceRight（），除了 Internet Explorer 8 或更早的版本

讀到這里，這篇“數組迭代reduce和reduceRight方法怎么用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。