JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能示例

更新時間：2018年06月04日 11:41:05 作者：foreverOnTheWay

這篇文章主要介紹了JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能,結(jié)合實例形式分析了javascript字符串遍歷、統(tǒng)計相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能。分享給大家供大家參考，具體如下：

js判斷字符串中某字符出現(xiàn)的個數(shù)

今天碰到的一道題，比較簡單，為了防止眼高手低還是寫一下吧

<html>
<head>
<meta charset="utf-8" />
<title>www.dhdzp.com js判斷字符串中某字符出現(xiàn)的個數(shù)</title>
</head>
<body>
<script>
  var testStr = 'aoifhoiwehfoiweiwadakl';
  var i;
  var tempObj = {};
  for (i = 0; i < testStr.length; i++) {
    var charAt = testStr.charAt(i);//相當(dāng)于挨個遍歷字符串字符，將字符作為key,出現(xiàn)的次數(shù)作為value類似java中的map
    if (tempObj[charAt]) {
      tempObj[charAt]++;
    } else {
      tempObj[charAt] = 1;
    }
  }
  console.log(tempObj);
//循環(huán)遍歷找到最大數(shù)
  var max = 0;//初始化一個最大數(shù)
  var maxStr;
  var obj;
  for (obj in tempObj) {
    if (tempObj[obj] > max) {
      max = tempObj[obj];
      maxStr = obj;
    }
  }
  console.log(maxStr + ':' + max);
</script>
</body>
</html>

使用在線HTML/CSS/JavaScript代碼運行工具 http://tools.jb51.net/code/HtmlJsRun測試后運行結(jié)果如下：

但是在面試時候面試官說是否可以用一次循環(huán)實現(xiàn)，有想法的小伙伴可以交流一下

PS：這里再為大家推薦兩款相關(guān)在線工具供大家參考：

字?jǐn)?shù)統(tǒng)計工具：
http://tools.jb51.net/code/zishutongji

在線字符統(tǒng)計與編輯工具：
http://tools.jb51.net/code/char_tongji

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

微信小程序開發(fā)之錄音機音頻播放動畫實例 (真機可用)
這篇文章主要介紹了微信小程序開發(fā)之錄音機音頻播放動畫實例 (真機可用)，這里整理了詳細的代碼,有需要的小伙伴可以參考下。
2016-12-12
IE 條件注釋詳解總結(jié)（附實例代碼）
IE的有條件注釋是一種專有的（因此是非標(biāo)準(zhǔn)的）、對常規(guī)（X）HTML注釋的Miscrosoft擴展。
2009-08-08
Bootstrap每天必學(xué)之導(dǎo)航
Bootstrap每天必學(xué)之導(dǎo)航，本文講解的就是大家在做項目時一定會接觸到的導(dǎo)航，感興趣的小伙伴們可以參考一下
2015-11-11
微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法,結(jié)合實例形式分析了微信小程序提交input信息到后臺相關(guān)事件響應(yīng)與數(shù)據(jù)處理操作技巧,需要的朋友可以參考下
2019-01-01
在DWR中實現(xiàn)直接獲取一個JAVA類的返回值的兩種方法
本文主要介紹了在DWR中實現(xiàn)直接獲取一個JAVA類的返回值的兩種方法，具有一定的參考價值，下面跟著小編一起來看下吧
2016-12-12
小程序自定義tab-bar踩坑實戰(zhàn)記錄
這篇文章主要給大家介紹了關(guān)于小程序自定義tab-bar踩坑實戰(zhàn)的相關(guān)資料,包括下載代碼、放置文件、修改JS文件、配置app.json和隱藏原生導(dǎo)航欄等步驟,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-12-12
JS正則表達式驗證端口范圍(0-65535)
這篇文章主要介紹了JS正則表達式驗證端口范圍(0-65535),文中給大家提到了Js正則表達式驗證IP+端口號的代碼，需要的朋友可以參考下
2020-01-01
JS實現(xiàn)的車標(biāo)圖片提示效果代碼
這篇文章主要介紹了JS實現(xiàn)的車標(biāo)圖片提示效果代碼,涉及JavaScript鼠標(biāo)事件觸發(fā)頁面元素遍歷修改的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
JavaScript中split() 使用方法匯總
本文向大家重點講解一下Javascript中split函數(shù)使用，它可以將一個字符串分割為子字符串，然后將結(jié)果作為字符串?dāng)?shù)組返回，相信本文介紹你對split函數(shù)的用法有明確的認(rèn)識。
2015-04-04
js css實現(xiàn)垂直方向自適應(yīng)的三角提示菜單
這篇文章主要為大家詳細介紹了js css實現(xiàn)垂直方向自適應(yīng)的三角提示菜單的相關(guān)資料,需要的朋友可以參考下
2016-06-06