這篇文章給大家分享的是有關Javascript中如何實現reduce函數查重的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

10年積累的網站制作、成都網站制作經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站設計后付款的網站建設流程，更有陽高免費網站建設讓你可以放心的選擇與我們合作。

原代碼：

var arr="qweqrq"
var info= arr.split('').reduce((a,b)=>
 (a[b]++ || (a[b]=1),a)
,{})
console.log(info)

代碼思路是這樣的，先將字符串arr通過split方法切割成數組,然后使用reduce，這個方法干了什么呢，分為這幾步：

1.首先reduce會接收一個callback來對數組里的每一個元素執(zhí)行，如果有第二個參數如上例：{}。，那么callback將會使用這個{}作為參數來和數組中的第一個元素一同傳入callback；

2.傳入參數之后，會進行一個與門短路操作，也可以叫默認值操作，當a[b]++成真，則返回a[b]。而這里的a為{}，b為"q",很明顯a中并沒有b，執(zhí)行a[b]=1，那么就會給a[b]賦值為1，后面是一個逗號表達式，所以會返回有了a[b]:1這樣屬性的a對象；

與門短路操作:如果第一個操作數的值為true，進行短路操作，直接產生第一個操作數的值。如果為false，則產生第二個操作數的值。

逗號表達式:逗號表達式的一般形式是：表達式1，表達式2，表達式3……表達式n。逗號表達式的求解過程是：先計算表達式1的值，再計算表達式2的值，……一直計算到表達式n的值。最后整個逗號表達式的值是表達式n的值。

3.之后要說下reduce函數，它可以將之前一次執(zhí)行后返回的結果作為參數繼續(xù)和之后的元素一同傳入callback執(zhí)行，相當于fn(fn(fn(fn(a,b),c),d),e)，fn即為callback；

4.在本例中，因為有第二個參數{}傳入，所以callback執(zhí)行了6次。相當于對數組中每一個元素都進行了錄入和查重操作，比如當callback運行到第四次，這時的a是{q:1,w:1,e:1}，執(zhí)行callback，a[b]即a['q']存在，執(zhí)行a['q']++，a['q']值為2，以此類推，最后得到的就是一個以數組每個元素為屬性名，出現次數為屬性值的對象。

需要注意的是，reduce是es5推出的方法，ie8及以下都不兼容。

感謝各位的閱讀！關于“Javascript中如何實現reduce函數查重”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！