JavaScript中的reduce()如何使用

reduce()是將陣列資料的每個元素累積為一個值的最佳方法，所以這篇文章我們就來詳細介紹一下JavaScript中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()如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！