教你JavaScript利用charAt()统计出现次数最多的字符和次数

 更新时间:2021年08月11日 10:27:04   作者:ae T  
这篇文章主要介绍了JavaScript利用charAt()统计出现次数最多的字符和次数的操作方法,本文以判断一个字符串'aabcdobdackoppz'中出现次数最多的字符,并统计其次数为例,通过实例代码给大家详细介绍,需要的朋友参考下吧

之前给大家介绍过简介JavaScript中charAt()方法的使用,今天通过本文给大家分享js统计次数最多的字符和次数的实例代码,具体内容如下所示:

判断一个字符串'aabcdobdackoppz'中出现次数最多的字符,并统计其次数

首先我们需要了解一个知识点:(如何判断对象里有该属性)

// 有一个对象,来判断是否有该属性 
    // 写法:对象['属性名']
    var o = {
        age : 18 ,
        sex : '男'
    }
    if(o['sex']){
        console.log('里面有该属性');
    } else {
        console.log('没有该属性');
    }

核心算法:

1.我们可以利用 charAt() 这个方法来遍历这个字符串。

2.把每个字符都存储给对象,如果对象没有该属性,就给它赋值1,如果存在该属性了就加1。

3.遍历对象 , 得到最大值和出现次数。

1.利用charAt方法遍历数组 'aabcdobdackoppz' (可以理解为把值存到对象obj里面)

<script>    
    var str = 'aabcdobdackoppz' ;
    var obj = {} ;
    for(var i = 0 ; i < str.length ; i++){
        var chars = str.charAt(i) // chars 是 字符串的每一个字符
        if(obj[chars]){ // o[chars] 得到的是属性
            obj[chars]++
        } else {
            obj[chars] = 1 ;
        }
    }
    console.log(obj);
 
</script>

此时已经把值存在obj对象里了

obj对象

2.接下来只需要遍历对象得到最大值和出现次数

<script>
    //遍历对象
    var max = 0;
    var ch = '';
    for (var k in obj) {  // 遍历对象需要使用 for in
        // k 得到的是属性名,obj[k]得到的是属性值
        // 此处的属性名k 只有在循环中才有用 , 所以我们需要创建一个 ch 来存储 k
        if (obj[k] > max) {
            max = obj[k];
            ch = k;
        }
    }
    console.log( ch + '出现次数最多' + '次数为:' + max);
</script>

总结:我们可以理解为所有字符都先执行了obj[chars]=1,相当于创建了对象,然后再判断是否已经存在对象。

到此这篇关于JavaScript利用charAt()统计出现次数最多的字符和次数的文章就介绍到这了,更多相关js统计次数最多的字符和次数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • ES6函数和数组用法实例分析

    ES6函数和数组用法实例分析

    这篇文章主要介绍了ES6函数和数组用法,结合实例形式分析了ES6函数和数组基本功能、原理、用法与操作注意事项,需要的朋友可以参考下
    2020-05-05
  • js在ie下打开对话窗口的方法小结

    js在ie下打开对话窗口的方法小结

    下面小编就为大家带来一篇js在ie下打开对话窗口的方法小结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • ionic+html5+API实现双击返回键退出应用

    ionic+html5+API实现双击返回键退出应用

    这篇文章主要为大家详细介绍了ionic+html5+API实现双击返回键退出应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • Javascript添加监听与删除监听用法详解

    Javascript添加监听与删除监听用法详解

    这篇文章主要介绍了Javascript添加监听与删除监听用法,较为详细的分析了javascript原理与用法,并补充说明了事件监听的兼容性问题,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • JS获取iframe中longdesc属性的方法

    JS获取iframe中longdesc属性的方法

    这篇文章主要介绍了JS获取iframe中longdesc属性的方法,实例分析了longdesc属性的功能及相关的获取技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript新增样式规则(推荐)

    JavaScript新增样式规则(推荐)

    这篇文章主要介绍了JavaScript新增样式规则(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • webpack 从指定入口文件中提取公共文件的方法

    webpack 从指定入口文件中提取公共文件的方法

    这篇文章主要介绍了webpack 从指定入口文件中提取公共文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • easyui关于validatebox实现多重规则验证的方法(必看)

    easyui关于validatebox实现多重规则验证的方法(必看)

    下面小编就为大家带来一篇easyui关于validatebox实现多重规则验证的方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • typeScript中数组类型定义及应用详解

    typeScript中数组类型定义及应用详解

    相信大家应该都知道ts只允许数组中包括一种数据类型的值,下面这篇文章主要给大家介绍了关于typeScript中数组类型定义及应用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • JavaScript实现随机五位数验证码

    JavaScript实现随机五位数验证码

    这篇文章主要为大家详细介绍了JavaScript实现随机五位数验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09

最新评论