JavaScript统计字符出现次数

本文实例为大家分享了JavaScript统计字符出现次数的具体代码，供大家参考，具体内容如下

统计用户输入字符串中各字符出现的次数。

例如：输入字符串为”abca12abbc121d”，输出为：a出现3次，b出现3次，c出现2次，d出现1次，1出现3次，2出现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]) {
     //对象中有这个字母 obj[key]++;
 }
 else {
     //对象中没有这个字母,把字母加到对象中 obj[key] = 1;
 }
 }
  for(var key in obj) //遍历这个对象 {
     console.LOG(key + "这个字符出现了" + obj[key] + "次");
 }
    /script>
    

效果如下：

这个方法是利用了开发者工具来实现的

方法二

!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

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;
}
    

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

• JavaScript统计字符串中每个字符出现次数完整实例
• 统计出现最多的字符次数的js代码
• 教你JavaScript利用charAt()统计出现次数最多的字符和次数

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！