JS去除重復(fù)并統(tǒng)計(jì)數(shù)量的實(shí)現(xiàn)方法
更新時(shí)間：2016年12月15日 10:11:35 投稿：mrr
js去除重復(fù)并統(tǒng)計(jì)數(shù)量方法，首先點(diǎn)擊按鈕觸發(fā)事件，然后用class選擇器，迭代要獲取的文本（這里最好用text()方法）加入到Array()集合里。具體操作方法，大家通過本文學(xué)習(xí)下吧
js去除重復(fù)并統(tǒng)計(jì)數(shù)量方法 首先點(diǎn)擊按鈕觸發(fā)事件，然后用class選擇器，迭代要獲取的文本（這里最好用text()方法）加入到Array()集合里。然后創(chuàng)建一個(gè)map{},遍歷Array()集合，取一個(gè)值作為map的key,然后判斷是否有值，如果沒有就輸入值1，如果有就累加1.最后就可以統(tǒng)計(jì)出重復(fù)的有多少個(gè)。
for(var key in map){}為迭代方法。
這里附上文本格式，方便大家復(fù)制。
jQuery("#count").on("click",function(){
var arr=new Array();
jQuery(".typecount").each(function(){
arr.push(jQuery(this).text())
})
var map = {};
var packtype="";
for (var i = 0; i < arr.length; i++) {
var ai = arr[i];
if(!map[ai]){
map[ai] = 1;
}else{
map[ai]++;
}
}
jQuery("#countmes").empty();
for(var key in map){
packtype=packtype+key+":"+ map[key]+",";
jQuery("#countmes").append(" <td>"+key+" : "+ map[key]+"</td>");
}
jQuery("#packtype").val(packtype);
})
以上所述是小編給大家介紹的JS去除重復(fù)并統(tǒng)計(jì)數(shù)量的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
改善性能的最好方法之一是避免重復(fù)兩次相同的工作。因此，只要可以緩存結(jié)果供以后使用，就可以加快程序的速度。延遲加載屬性模式技術(shù)使任何屬性都可以成為緩存層以提高性能。這里說到的延遲加載屬性模式就是利用的訪問器屬性，將計(jì)算昂貴的操作推遲到需要時(shí)再使用2021-06-06
漂亮的widgets，支持換膚和后期開發(fā)新皮膚...2007-04-04
JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法
這篇文章主要介紹了JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法,實(shí)例分析了javascript回調(diào)函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了Bootstrap表單布局樣式源代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了本地JS文件批量壓縮的方法，由于之前壓縮的JS文件都比較少，都是手動(dòng)壓縮的。這次需要壓縮的文件比較多，所以用了批量壓縮，特此記錄一下，方便大家和自己以后再用到的時(shí)候備忘2022-12-12
本文介紹在表單提交之前修改提交的值的方法，希望給需要的朋友一些幫助。2016-04-04
webpack-bundle-analyzer?插件配置使用方法
webpack-bundle-analyzer?是?webpack?的插件，需要配合?webpack?和?webpack-cli?一起使用，這篇文章主要介紹了webpack-bundle-analyzer?插件配置,需要的朋友可以參考下2023-02-02
下面小編就為大家?guī)硪黄獢?shù)組Array的排序sort方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
本文為大家詳細(xì)介紹下通過jquery和原生javascript判斷瀏覽器信息包括：判斷瀏覽器是否為IE以及IE版本是多少等等，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
在JavaScript的ES6版本中,引入了WeakMap和WeakSet這兩種新的數(shù)據(jù)結(jié)構(gòu),與Map和Set相比,它們有一些特殊的特點(diǎn)和用途,使它們?cè)谔幚韮?nèi)存泄漏問題、管理對(duì)象私有數(shù)據(jù)、處理對(duì)象的唯一性等場(chǎng)景中有顯著的優(yōu)勢(shì),本文將深入探討WeakMap和WeakSet的特性和用途,一起看看吧2023-12-12