JavaScript統(tǒng)計(jì)字符出現(xiàn)次數(shù)
本文實(shí)例為大家分享了JavaScript統(tǒng)計(jì)字符出現(xiàn)次數(shù)的具體代碼，供大家參考，具體內(nèi)容如下
統(tǒng)計(jì)用戶輸入字符串中各字符出現(xiàn)的次數(shù)。
例如：輸入字符串為”abca12abbc121d”，輸出為：a出現(xiàn)3次，b出現(xiàn)3次，c出現(xiàn)2次，d出現(xiàn)1次，1出現(xiàn)3次，2出現(xiàn)2次。
方法一
<script> var ary ='abca12abbc121d'; var obj = {}; var i = 0; ary1 = ary.toLocaleLowerCase(); for(i = 0; i < ary1.length; i++) { key = ary1[i]; if(obj[key]) { //對(duì)象中有這個(gè)字母 obj[key]++; } else { //對(duì)象中沒有這個(gè)字母,把字母加到對(duì)象中 obj[key] = 1; } } for(var key in obj) //遍歷這個(gè)對(duì)象 { console.log(key + '這個(gè)字符出現(xiàn)了' + obj[key] + '次'); }</script>
效果如下：
這個(gè)方法是利用了開發(fā)者工具來(lái)實(shí)現(xiàn)的
方法二
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>Document</title> <script src='http://www.cgvv.com.cn/bcjs/sc/char-sunmmary.js'></script> <script> window.onload=function(){ var txtChars=document.getElementById('txt-chars'); var show=document.getElementById('show'); document.getElementById('btn-ok').onclick=function(){ var str=txtChars.value; var charTotal=total(str); // 降序 charTotal.sort(function(a,b){ return (a.count-b.count)*-1; }) show.innerHTML='<ul>'; //slice(0,5)取前五 for(var ct of charTotal.slice(0,5)){ show.innerHTML+='<li>'+ct.char+'出現(xiàn)了'+ct.count+'次</li>'; } show.innerHTML+='</ul>'; } } </script></head><body> <label for='txt-chars'>請(qǐng)輸入一串字符：</label> <input type='text' name=''/> <button id='btn-ok'>確定</button> <p id='show'></p></body></html>
char-sunmmary.js
function Summary(char,count) { this.char=char; this.count=count;}// 傳遞字符串，返回出現(xiàn)頻率function total(str) { var result=[]; for(var c of str){ var charObj=checkChar(result,c); if(charObj==null){ result.push(new Summary(c,1)); } else{ charObj.count++; } } return result;}// 在數(shù)組arr中查找包含字符char的summary實(shí)列//如果存在，則返回該實(shí)例，否則返回nullfunction checkChar(arr,char) { var r=null; for(var c of arr){ if(c.char==char){ r=c; break; } } return r;}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. Django視圖類型總結(jié)2. Xml簡(jiǎn)介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理3. 使用Docker的NFS-Ganesha鏡像搭建nfs服務(wù)器的詳細(xì)過(guò)程4. Intellij IDEA 關(guān)閉和開啟自動(dòng)更新的提示?5. Ajax引擎 ajax請(qǐng)求步驟詳細(xì)代碼6. 解析原生JS getComputedStyle7. idea重置默認(rèn)配置的方法步驟8. IntelliJ IDEA Java項(xiàng)目手動(dòng)添加依賴 jar 包的方法(圖解)9. Django使用HTTP協(xié)議向服務(wù)器傳參方式小結(jié)10. Spring @Profile注解實(shí)現(xiàn)多環(huán)境配置
網(wǎng)公網(wǎng)安備