這篇文章給大家分享的是有關(guān)Javascript中如何實(shí)現(xiàn)reduce函數(shù)查重的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。
原代碼：
重慶分公司
重慶分公司
var arr="qweqrq"
var info= arr.split('').reduce((a,b)=>
(a[b]++ || (a[b]=1),a)
,{})
console.log(info)代碼思路是這樣的，先將字符串a(chǎn)rr通過(guò)split方法切割成數(shù)組,然后使用reduce，這個(gè)方法干了什么呢，分為這幾步：
1.首先reduce會(huì)接收一個(gè)callback來(lái)對(duì)數(shù)組里的每一個(gè)元素執(zhí)行，如果有第二個(gè)參數(shù)如上例：{}。，那么callback將會(huì)使用這個(gè){}作為參數(shù)來(lái)和數(shù)組中的第一個(gè)元素一同傳入callback；
2.傳入?yún)?shù)之后，會(huì)進(jìn)行一個(gè)與門短路操作，也可以叫默認(rèn)值操作，當(dāng)a[b]++成真，則返回a[b]。而這里的a為{}，b為"q",很明顯a中并沒(méi)有b，執(zhí)行a[b]=1，那么就會(huì)給a[b]賦值為1，后面是一個(gè)逗號(hào)表達(dá)式，所以會(huì)返回有了a[b]:1這樣屬性的a對(duì)象；
與門短路操作:如果第一個(gè)操作數(shù)的值為true，進(jìn)行短路操作，直接產(chǎn)生第一個(gè)操作數(shù)的值。如果為false，則產(chǎn)生第二個(gè)操作數(shù)的值。
逗號(hào)表達(dá)式:逗號(hào)表達(dá)式的一般形式是：表達(dá)式1，表達(dá)式2，表達(dá)式3……表達(dá)式n。逗號(hào)表達(dá)式的求解過(guò)程是：先計(jì)算表達(dá)式1的值，再計(jì)算表達(dá)式2的值，……一直計(jì)算到表達(dá)式n的值。最后整個(gè)逗號(hào)表達(dá)式的值是表達(dá)式n的值。
3.之后要說(shuō)下reduce函數(shù)，它可以將之前一次執(zhí)行后返回的結(jié)果作為參數(shù)繼續(xù)和之后的元素一同傳入callback執(zhí)行，相當(dāng)于fn(fn(fn(fn(a,b),c),d),e)，fn即為callback；
4.在本例中，因?yàn)橛械诙€(gè)參數(shù){}傳入，所以callback執(zhí)行了6次。相當(dāng)于對(duì)數(shù)組中每一個(gè)元素都進(jìn)行了錄入和查重操作，比如當(dāng)callback運(yùn)行到第四次，這時(shí)的a是{q:1,w:1,e:1}，執(zhí)行callback，a[b]即a['q']存在，執(zhí)行a['q']++，a['q']值為2，以此類推，最后得到的就是一個(gè)以數(shù)組每個(gè)元素為屬性名，出現(xiàn)次數(shù)為屬性值的對(duì)象。
需要注意的是，reduce是es5推出的方法，ie8及以下都不兼容。
感謝各位的閱讀！關(guān)于“Javascript中如何實(shí)現(xiàn)reduce函數(shù)查重”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
