JavaScript中的Reled（）方法是一個(gè)強(qiáng)大的數(shù)組工具，可通過應(yīng)用還原函數(shù)將數(shù)組減少到單個(gè)值。 1。根據(jù)需要參數(shù)為累加器和電流值，並選擇一個(gè)初始值。 2。常見用途包括計(jì)算總數(shù)，分組數(shù)據(jù)，平坦的陣列和計(jì)數(shù)實(shí)例。 3。一個(gè)現(xiàn)實(shí)世界的例子表明，將投票投票為分類的計(jì)數(shù)。 4。有效使用的提示包括返回累加器，使用清晰的變量名稱，並在更簡單的方法足夠時(shí)避免過度使用。

JavaScript中的reduce()方法一開始可能會(huì)有些恐嚇，但是一旦您掌握了它，它就會(huì)成為使用數(shù)組工作的最強(qiáng)大的工具之一。在其核心上， reduce()取一個(gè)數(shù)組並將其“簡化”到單個(gè)值 - 可能是數(shù)字，字符串，對象，甚至是另一個(gè)數(shù)組。

reduce()到底做什麼？

在高級(jí)別上， reduce()在數(shù)組的每個(gè)元素上運(yùn)行一個(gè)函數(shù)（通常稱為還原器），從而產(chǎn)生單個(gè)輸出值。還原函數(shù)至少採用兩個(gè)參數(shù)：

• 累加器- 這是當(dāng)您循環(huán)穿過數(shù)組時(shí)，結(jié)果開始堆積。
• 當(dāng)前值- 當(dāng)前項(xiàng)目正在數(shù)組中處理。

您也可以通過可選的累加器來傳遞起始值。

這是一個(gè)簡單的例子：

 const數(shù)= [1，2，3，4];
const sum = numbers.Reduce（（（acc，curr）=> acc curr，0）;
console.log（sum）; // 10

在這種情況下，我們將數(shù)組減少到一個(gè)數(shù)字：總和。

您何時(shí)應(yīng)該使用reduce() ？

在許多情況下， reduce()閃耀。這是一些常見的：

• 計(jì)算總數(shù)（例如總和值）
• 分組或轉(zhuǎn)換數(shù)據(jù)
• 扁平的嵌套陣列
• 計(jì)數(shù)實(shí)例或分類項(xiàng)目

當(dāng)您需要在整個(gè)數(shù)組中循環(huán)時(shí)需要跟蹤某種跑步狀態(tài)時(shí)，這一點(diǎn)尤其有用。

現(xiàn)實(shí)世界中的用例：票數(shù)或類別

假設(shè)您有各種各樣的選票或類別，您想計(jì)算每個(gè)人出現(xiàn)多少次。

 const fotes = ['javascript'，'python'，'javascript'，'java'，'python'，'javaScript'];

const tally =投票。
  如果（！acc [curr]）{
    ACC [Curr] = 1;
  } 別的 {
    ACC [Curr];
  }
  返回ACC;
}，{}）;

console.log（tally）;
// {JavaScript：3，Python：2，Java：1}

對於.map()或.filter() ，這很難乾淨(jìng)地完成操作，但自然而然地處理reduce() 。

需要注意的幾件事：

• 我們從一個(gè)空的對像開始作為我們的初始值
• 對於每次投票，我們要么創(chuàng)建一個(gè)新密鑰，要么增加現(xiàn)有的鍵
• 這是一種干淨(jìng)的分組方式，而無需外部變量

該模式經(jīng)常在應(yīng)用程序中的分析，調(diào)查或過濾邏輯中顯示。

有效使用reduce()的提示

如果您剛開始使用reduce() ，這裡有一些技巧可以幫助避免混亂：

• 永遠(yuǎn)記住順序：（ (accumulator, currentValue)
• 不要忘記從回調(diào)中返回累加器
• 從初始值開始，除非您確定數(shù)組不會(huì)為空
• 清楚地命名您的變量（ acc和curr很好，但有時(shí)total更有item ）

另外，不要過度使用它。如果有一個(gè)更簡單的方法，例如.map()或.filter()可以執(zhí)行您需要的方法，請選擇此操作。

所以，是的， reduce()一開始可能會(huì)很棘手，但是一旦您了解了它如何逐步積累值，它就會(huì)打開很多可能性。無論您是添加數(shù)字，分組數(shù)據(jù)還是構(gòu)建複雜的轉(zhuǎn)換，它都是JS工具包中擁有的堅(jiān)實(shí)工具。

以上是Reled（）陣列方法如何工作，什麼是好的用例？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！