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

例如:输入字符串为”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实列
//如果存在,则返回该实例,否则返回null
function checkChar(arr,char) {var r=null;for(var c of arr){if(c.char==char){r=c;break;}}return r;
}

以上为止

JavaScript字符统计出现次数相关推荐

  1. JavaScript学习(七十七)—统计字符串中出现次数最多的字符和每个字符出现的次数

    JavaScript学习(七十七)-统计字符串中出现次数最多的字符和每个字符出现的次数

  2. C语言case次数有限制吗,用switch...case语句统计数字、空格和其他字符出现的次数...

    //用switch...case语句统计数字.空格和其他字符出现的次数 //转自K&R #include int main(void) { int c, i, nwhite, nother, ...

  3. python代码统计字符串中大写字符、小写字符、特殊字符以及数值字符出现的次数

    python代码统计字符串中大写字符.小写字符.特殊字符以及数值字符出现的次数 #python代码统计字符串中大写字符.小写字符.特殊字符以及数值字符出现的次数 import restring = & ...

  4. java统计字符串中每个字符出现的次数,统计字符串中每个字符出现的次数

    本文收集整理关于统计字符串中每个字符出现的次数的相关议题,使用内容导航快速到达. 内容导航: Q1:c语言统计字符串中每个字符出现的次数 一.算法分析: 要统计每个字符出现的个数,那么就要为每个字符做 ...

  5. 【java基础】map的基本使用与字符串中每个字符出现的次数统计

    Map集合概述和特点 Map集合概述 interface Map<K,V> K:键的类型:V:值的类型 Map集合的特点 键值对映射关系 一个键对应一个值 键不能重复,值可以重复 元素存取 ...

  6. c++ map 修改value_干货 | 名企高频考点如何使用map统计字符串各个字符出现的次数...

    点击蓝字关注我哦 以下是本期干货视频视频后还附有文字版本哦▼<名企高频考点-如何使用map统计字符串各个字符出现的次数>▼ps:请在WiFi环境下打开,如果有钱任性请随意有某公司这样一道笔 ...

  7. 读取一个文件中的字符,统计每个字符出现的次数

    1 //统计每个字符出现的次数 2 #include<stdio.h> 3 #include<stdlib.h> 4 #include<string.h> 5 6 ...

  8. oracle为空替换为0_详解Oracle如何用Translate来统计字符出现的次数

    概述 很多时候我们都需要统计某个字符出现的次数,这里主要用translate来实现. Translate 的用法 1.语法: TRANSLATE(string,from_str,to_str) 返回将 ...

  9. java统计一个字符串中每个字符出现的次数_剑指offer算法题054:字符流中第一个不重复的字符...

    推荐阅读:宇宙条的工作总结:一年前还在面试找工作,一年后在面试找工作的学弟学妹们:第一次当面试官的经历分享小编在求职找找工作期间剑指offer上的算法题刷了很多遍,并且每道题小编当时都总结了一种最适合 ...

  10. Java——集合(输入一串字符串,统计字符串中每个字符出现的次数)

    A:案例演示 需求:输入一串字符串,统计字符串中每个字符出现的次数** 分析: 1,定义一个需要被统计字符的字符串 2,将字符串转化为字符数组,才能拿到每一个字符 3,定义双列集合存储字符串中字符以及 ...

最新文章

  1. 【camera】4.图像的颜色空间
  2. JavaScript初学者编程题(7)
  3. Jenkins入门总结
  4. VC++ 轻松实现“闪屏” SplashWnd
  5. Linux 打包和压缩
  6. linux内存管理(十五)-内存池
  7. Illustrator 教程,如何在 Illustrator 中编辑路径?
  8. java实现单词首字母小写转大写
  9. AVL Trees: Tutorial and C++ Implementation
  10. matlab微积分如何计算器,如何用matlab对这个函数进行积分。 请问这个公式是如何算出来的?使用微积分吗?...
  11. PHP自学---empty()和isset()的使用
  12. 记一次safari浏览器正则表达式兼容问题
  13. 【转载】数学专业的数学与计算机专业的数学的比较
  14. 如何进行windows10 c盘清理?使用什么清理方法?
  15. Web安全学习笔记一 序章
  16. 当Python遇到分形数学魔法 --> 树叶
  17. ThinkPHP拼团拼购h5单商户商城[可对接公众号]非常棒的一款h5拼团商城源码
  18. 你可以成为测试界的李子柒
  19. 计算机维修工文明操作,初级计算机维修工操作题.doc
  20. 【跟着项目学CSS】第一期-闪动LOGO

热门文章

  1. 80C51单片机学习之硬件结构
  2. 已知两点, 求直线斜率
  3. 信息学奥赛一本通:1153:绝对素数
  4. 华南理工大学计算机科学与工程学院篡改,疑篡改研究生复试成绩!华工四人被停职接受调查...
  5. 墨天轮国产数据库沙龙 | 胡彦军:华为GaussDB迁移工具解密
  6. 北京喜提初雪,Edg喜夺冠军
  7. 荆棘鸟(The Thorn bird)
  8. python中的exifread库只要一张图片就能获取你的精确位置
  9. 14个美容秘诀 网上疯传却最毁容
  10. 【Unity3D--自由观察模型】模型自动旋转+触屏旋转和缩放