js中reduce函數的用法-js教程-PHP中文網

js中reduce函數的用法

下次还敢

發布： 2024-05-07 19:12:20

原創

925 人瀏覽過

reduce 函數用來累積運算，得到單一值：接收陣列、回呼函數和初始值（可選）。回調函數處理累積器（儲存累積結果）和目前元素。初始值是累積器的起始值，預設為陣列第一個元素。用例包括求和、求平均值、連接數組、過濾和分組。

js中reduce函數的用法

JS 中reduce 函數的用法

reduce 函數是JavaScript 中的一個函數，用於對一個數組中的元素進行累積操作，最終得到一個單一值。它的用法如下：

<code class="javascript">const result = array.reduce(callback, initialValue);</code>

登入後複製

其中：

array：要進行累積運算的陣列。
callback：累積運算的回呼函數。
initialValue：累積的初始值（可選）。

回呼函數

#回呼函數接收兩個參數：

accumulator：累積器，儲存目前累積的結果。
currentValue：目前正在處理的陣列元素。

initialValue

initialValue 是累積器的初始值，如果沒有指定，則會使用陣列的第一個元素作為初始值。

用法

reduce 函數常用於以下場景：

求和：計算陣列中所有元素的總和。
求平均值：計算陣列中所有元素的平均值。
連接陣列：將陣列中的所有元素連接成一個字串。
過濾陣列：根據條件過濾陣列中的元素。
分組陣列：根據特定鍵將陣列中的元素分組。

範例

求和：

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出：15</code>

登入後複製

求平均值：

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const average = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length;
console.log(average); // 输出：3</code>

登入後複製

連線陣列：

<code class="javascript">const names = ['John', 'Mary', 'Bob'];
const joinedString = names.reduce((accumulator, currentValue) => accumulator + ', ' + currentValue);
console.log(joinedString); // 输出：John, Mary, Bob</code>

登入後複製

過濾陣列：

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.reduce((accumulator, currentValue) => {
  if (currentValue % 2 === 0) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(evenNumbers); // 输出：[2, 4]</code>

登入後複製

以上是js中reduce函數的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！