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 相关文章推荐
JQUERY 浏览器判断实现函数
Aug 20 Javascript
Jquery数独游戏解析(一)-页面布局
Nov 05 Javascript
基于jquery的动态创建表格的插件
Apr 05 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
js实现的牛顿摆效果
Mar 31 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
URL中“#” “?” &amp;“”号的作用浅析
Feb 04 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
JavaScript继承与聚合实例详解
Jan 22 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
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
通过javascript设置css属性的代码
2009/12/28 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
Javascript Objects详解
2014/09/04 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
layui中使用jquery控制radio选中事件的示例代码
2018/08/15 jQuery
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
Python字符串和文件操作常用函数分析
2015/04/08 Python
Pandas中把dataframe转成array的方法
2018/04/13 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
python中pow函数用法及功能说明
2020/12/04 Python
解决Pyinstaller打包软件失败的一个坑
2021/03/04 Python
公务员职务工作的自我评价
2013/11/01 职场文书
汽车销售顾问求职自荐信
2014/01/01 职场文书
财务会计专业个人求职信范本
2014/01/08 职场文书
关于保护环境的建议书
2014/05/13 职场文书
2015年试用期工作总结
2014/12/12 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
大学生个人学习总结
2015/02/15 职场文书
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL