JavaScript中的reduce()的使用方法

JavaScript中的reduce()的使用方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

 reduce()是將數組數據的每個元素累積為一個值的最佳方法。

下面我們來看具體的內容。

假設我們有一個這樣的數組：

var numbers = [1,2,3,4,5,6,7,8,9];

var strings = ['蘋果','香蕉','梨子','葡萄','荔枝'];

在這個例子中，我們準備了一個存儲數字數據的數組和一個存儲字符串數據的數組。

使用reduce()最明顯的方法是計算存儲在這種數組中的所有值的值。

如果是數值，則可以計算求和值，如果是字符，則可以將單個字符串連接在一起。

下面我們來看如何使用reduce()?

reduce()可以在目標數組上執行任意函數。

數組.reduce(function(累積值, 元素) { })

第一個參數的“累積值”表示通過按順序處理數組元素獲得的值。

第二個參數“元素”表示當前處理的數組元素。

在該函數中使用“return”，通過返回任意處理，結果保留在累積值中，最后可以獲得一個值。

我們來看具體的示例

對數組的每個元素求和

代碼如下

var numbers = [1,2,3,4,5,6,7,8,9];
var result = numbers.reduce(function(a, b) {
  return a + b;
})
console.log(result);

運行結果如下

在此示例中，對存儲1到9的數字的數組執行reduce()。

在函數中，您可以看到累加的值和每個元素都被簡單地添加。

在第一次處理中變為“1 + 2”，將和存儲在累積值中，并在下一次處理中執行“3 + 3”。

通過這樣做，運行結果輸出所有值相加為“45”。

最后我們需要說明一點：

reduce()的函數中使用“break”中斷處理的方法是不可以的，因此作為替代方案，存在利用數組的索引號的中斷方法，我們下面來簡單看一下。

實際上，reduce()的函數中最多可以有四個參數。

配列.reduce(function(累積值, 元素, 索引號, 數組) { })

第三個參數“索引號”表示當前處理的數組的索引號。

第四個參數“數組”表示當前正在處理的數組本身。

利用這個參數，可以如下來實現中斷過程！

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);

運行結果如下

請注意reduce()函數中的IF語句！

通過在條件表達式中描述 “index> = 3”，當它成為數組的第三個索引號時，可以執行任意處理。

該過程變為“arr.splice（1）”，并刪除第三個索引之后的所有數組元素。

因此，reduce()的處理將結束，因此您可以執行與“break”相同的功能。

感謝各位的閱讀！看完上述內容，你們對JavaScript中的reduce()的使用方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。