JS查找字符串中出现次数最多的字符


Posted in Javascript onSeptember 05, 2016

在一个字符串中,如 'zhaochucichuzuiduodezifu',我们要找出出现最多的字符。本文章将详细说明方法思路。

先介绍两个string对象中的两个方法:indexOf()和charAt()方法

indexOf()方法介绍

返回某个指定的字符串值在字符串中首次出现的位置

JS查找字符串中出现次数最多的字符

charAt()方法介绍

返回某个指定位置的字符

JS查找字符串中出现次数最多的字符

先做一个小测试,找到字符串'woainixiaoli'中的每一个'i'出现的位置。

<script>
var arr = 'woainixiaoli';
var index = -1; //定义变量index控制索引值
//当查找不到a,即indexOf()的值为-1时,结束循环
do {
index = arr.indexOf("i", index + 1); //使用第二个参数index+1,控制每一次查找都是从上一次查找到字符a的下一个索引位置开始
if (index != -1) { //可以找到字符i
console.log(index); //输出a的位置
}
} while (index != -1);
</script>

以上代码运行后再控制台输出的是

JS查找字符串中出现次数最多的字符

进入正题,求字符串'zhaochucichuzuiduodezifu'最多的字符

方法一:用数组(存在缺点,当出现最多的字符不只一个时,只能找到一个)

<script>
var str = "zhaochucichuzuiduodezifu";
var arr = [];//定义一个新数组
//循环遍历字符串
for (var i = 0, length = str.length; i < length; i++) {
var index = -1;
var j = 0;
//找每一个字符
do {
index = str.indexOf(str[i], index + 1);
if (index != -1) {
j++;
}
}while (index != -1);
arr[j] = str[i]; //把字符串str中的字符赋给数组arr索引为j的数据,当多次循环后,会出现重复赋值的现象,









//后赋值的会把之前的赋值覆盖掉,但不影响我们找出字符出现最多的那个
}
console.log(arr);
console.log("最多的字符是" + arr[arr.length - 1]);
console.log("次数是" + (arr.length - 1));
</script>

以上代码运行后再控制台输出的结果如下图:

JS查找字符串中出现次数最多的字符

从输出的数组arr中也可以看出,此方法会把次数相同的字符覆盖,只能显示出一个。若有2个字符出现出现相同的最高次数,此方法只能得出一个。基于此,参照下一个用对象来解决的方法。

方法二:用对象(推荐使用)

<script>
var str = "zhaochucichuzuiduodezifu";
var o = {};
for (var i = 0, length = str.length; i < length; i++) {
// var char = str[i];
var char = str.charAt(i);
if (o[char]) { //char就是对象o的一个属性,o[char]是属性值,o[char]控制出现的次数
o[char]++; //次数加1
} else {
o[char] = 1; //若第一次出现,次数记为1
}
}
console.log(o); //输出的是完整的对象,记录着每一个字符及其出现的次数
//遍历对象,找到出现次数最多的字符和次数
var max = 0;
var maxChar = null;
for (var key in o) {
if (max < o[key]) {
max = o[key]; //max始终储存次数最大的那个
maxChar = key; //那么对应的字符就是当前的key
}
}
console.log("最多的字符是" + maxChar);
console.log("出现的次数是" + max);
</script>

以上代码运行后再控制台输出的结果如下图:

JS查找字符串中出现次数最多的字符

此方法解决了方法一的问题,而且每一个字符我们都可以清楚的记录出现的次数,当有两个次数相同的字符时,可以在对象中清楚的看到。

不过还是存在不足,不能直接把次数最高的字符同时输出,这还需要加额外的判断条件。完美的代码如下哈O(∩_∩)O

<script>
var str = "nininihaoa";
var o = {};
for (var i = 0, length = str.length; i < length; i++) {
var char = str.charAt(i);
if (o[char]) {
o[char]++; //次数加1
} else {
o[char] = 1; //若第一次出现,次数记为1
}
}
console.log(o); //输出的是完整的对象,记录着每一个字符及其出现的次数
//遍历对象,找到出现次数最多的字符的次数
var max = 0;
for (var key in o) {
if (max < o[key]) {
max = o[key]; //max始终储存次数最大的那个
}
}
for (var key in o) {
if (o[key] == max) {
//console.log(key);
console.log("最多的字符是" + key);
console.log("出现的次数是" + max);
}
} 
</script>

结果如下:

JS查找字符串中出现次数最多的字符

以上所述是小编给大家介绍的JS查找字符串中出现次数最多的字符,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
In Javascript Class, how to call the prototype method.(three method)
Jan 09 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
May 27 Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
Aug 04 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
简单实现js点击展开二级菜单功能
May 16 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
Aug 20 Javascript
javascript实现前端分页功能
Nov 26 Javascript
node网页分段渲染详解
Sep 05 #Javascript
js对象浅拷贝和深拷贝详解
Sep 05 #Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 #Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 #Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 #Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
Sep 04 #Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
Sep 04 #Javascript
You might like
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
PHP表单提交后引号前自动加反斜杠的原因及三种办法关闭php魔术引号
2015/09/30 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
js实现字符串的16进制编码不加密
2014/04/25 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
javascript帧动画(实例讲解)
2017/09/02 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
vue子路由跳转实现tab选项卡
2019/07/24 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
2019/07/31 Javascript
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
利用PyCharm操作Github(仓库新建、更新,代码回滚)
2019/12/18 Python
python 实现list或string按指定分段
2019/12/25 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
大专计算机个人求职的自我评价
2013/10/21 职场文书
学校后勤人员职责
2013/12/27 职场文书
父亲的菜园教学反思
2014/02/13 职场文书
办公室主任职责范本
2014/03/07 职场文书
反邪教警示教育方案
2014/05/13 职场文书
处级干部考察材料
2014/12/24 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL