本文實例為大家分享了JavaScript統計字符出現次數的具體代碼，供大家參考，具體內容如下
統計用戶輸入字符串中各字符出現的次數。
例如：輸入字符串為”abca12abbc121d”，輸出為：a出現3次，b出現3次，c出現2次，d出現1次，1出現3次，2出現2次。
方法一
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<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]) { //對象中有這個字母 obj[key]++; } else { //對象中沒有這個字母,把字母加到對象中 obj[key] = 1; } } for(var key in obj) //遍歷這個對象 { console.log(key + "這個字符出現了" + obj[key] + "次"); }</script> |
效果如下：
這個方法是利用了開發者工具來實現的
方法二
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!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="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+"出現了"+ct.count+"次</li>"; } show.innerHTML+="</ul>"; } } </script></head><body> <label for="txt-chars">請輸入一串字符：</label> <input type="text" id="txt-chars" name=""/> <button id="btn-ok">確定</button> <p id="show"></p></body></html> |
char-sunmmary.js
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
function Summary(char,count) { this.char=char; this.count=count;}// 傳遞字符串，返回出現頻率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;}// 在數組arr中查找包含字符char的summary實列//如果存在，則返回該實例，否則返回nullfunction checkChar(arr,char) { var r=null; for(var c of arr){ if(c.char==char){ r=c; break; } } return r;} |
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持服務器之家。
原文鏈接：https://blog.csdn.net/C_players/article/details/114287694
