JavaScriptは文字の出現回数をカウントします

JavaScriptは文字の出現回数をカウントします

この記事の例では、文字の出現回数をカウントするJavaScriptの具体的なコードを参考までに共有しています。具体的な内容は次のとおりです。

ユーザー入力文字列内の各文字の出現回数をカウントします。

たとえば、入力文字列が「abca12abbc121d」の場合、出力は、a が 3 回、b が 3 回、c が 2 回、d が 1 回、1 が 3 回、2 が 2 回出現します。

方法1

<スクリプト>
 var ary = "abca12abbc121d";
 
 var obj = {};
 var i = 0;
 ary1 = ary.toLocaleLowerCase(); 
 
 (i = 0; i < ary1.length; i++) の場合
 {
 キー = ary1[i];
 if(オブジェクト[キー])
 {
 //オブジェクトにはこの文字が含まれています obj[key]++;
 }
 それ以外
 {
 //オブジェクトにはこの文字がないので、オブジェクトに文字を追加します。obj[key] = 1;
 }
 }
 
 for(var key in obj) //このオブジェクトを走査します {
 console.log(key + "この文字が出現する" + obj[key] + "回");
 }
</スクリプト>

効果は以下のとおりです。

このメソッドは開発者ツールを使用して実装されます

方法2

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
 <メタ文字セット="UTF-8">
 <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
 <title>ドキュメント</title>
 <script src="sc/char-sunmmary.js"></script>
 <スクリプト>
 window.onload = 関数(){
  var txtChars = document.getElementById("txt-chars");
  var show = document.getElementById("show");
  document.getElementById("btn-ok").onclick=function(){
  var str=txtChars.値;
  var charTotal = total(str);
  // 降順 charTotal.sort(function(a,b){
   (a.count-b.count)*-1 を返します。
  })
  
  show.innerHTML="<ul>";
  //slice(0,5)は最初の5つを取得します for(var ct of charTotal.slice(0,5)){
   show.innerHTML+="<li>"+ct.char+" が "+ct.count+" 回出現しました</li>";
  }
  show.innerHTML+="</ul>";
  }
 }
 </スクリプト>
</head>
<本文>
 <label for="txt-chars">文字列を入力してください:</label>
 <input type="text" id="txt-chars" name=""/>
 <button id="btn-ok">OK</button>
 <p id="表示"></p>
</本文>
</html>

char-sunmmary.js

関数Summary(char,count) {
 this.char=char;
 this.count=カウント;
}
// 文字列を渡して出現頻度を返す function total(str) {
 var 結果 = [];
 for(var c of str){
 var charObj = checkChar(結果、c);
 if(charObj==null){
  結果.push(新しいサマリー(c,1));
 }
 それ以外{
  charObj.count++;
 }
 }
 結果を返します。
}
// 配列 arr 内の文字 char を含むサマリーインスタンスを検索します // 存在する場合はインスタンスを返し、存在しない場合は null を返します
関数 checkChar(arr,char) {
 var r = null;
 for(var c of arr){
 c.char ==charの場合{
  r=c;
  壊す;
 }
 }
 r を返します。
}

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScriptは文字列内の各文字の出現回数をカウントします。完全な例
  • 最も頻繁に出現する文字の数をカウントする js コード
  • JavaScript で charAt() を使用して、最も頻繁に出現する文字とその出現回数をカウントする方法を教えます。

<<:  Serv-U FTPとADの完璧な統合ソリューションの詳細な説明

>>:  MySQL 5.7.17 のインストールと設定のグラフィックチュートリアル

推薦する

Ubuntu でホームディレクトリを新しいパーティションに移行する詳細なチュートリアル

ユーザーのホーム ディレクトリがどんどん大きくなってきたら、ホーム ディレクトリを新しいパーティショ...

div要素に丸い境界線を追加する方法

以下のように表示されます。 CSSコードコンテンツをクリップボードにコピー分割{境界線: 2px 固...

IE、Firefox、Chromeブラウザではスペースの表示が異なります

&nbsp;&nbsp;IE、Firefox、Chrome ブラウザでの表示効果は、...

Vue 3 カスタムディレクティブ開発の概要

指令とは何ですか? Angular と Vue はどちらもディレクティブの概念を持っており、これは通...

JS の FileReader を介して .txt ファイルの内容を取得する方法

目次JSはFileReaderを通じて.txtファイルの内容を取得します。 .txtファイルの読み取...

CSS で平均レイアウトを実現するためにネガティブ マージン テクノロジーを使用する方法

通常、IE ブラウザでの CSS の互換性の問題を解決するために、フロート レイアウトが使用されます...

VMware Workstation 14 Pro インストール Ubuntu 16.04 チュートリアル

この記事では、VMware Workstation14 ProにUbuntu 16.04をインストー...

MySQL 時間統計方法の概要

データベースの統計を行う場合、多くの場合、年、月、日に基づいてデータを収集し、echart を使用し...

シンプルなカレンダー効果を実現する js

この記事では、シンプルなカレンダー効果を実現するためのjsの具体的なコードを参考までに共有します。具...

MySQL の大文字と小文字の区別に関する注意

目次MySQLの大文字と小文字の区別はパラメータによって制御されますMySQLの大文字と小文字の区別...

HTML（CSSスタイル仕様）を読む必要があります

CSS スタイル仕様1. クラスセレクター2. タグセレクター3. IDセレクター4. CSSスタイ...

Vue シンプル登録ページ + 確認コード送信機能の実装例

目次1. エフェクト表示2. 検証コードとメールプッシュ管理の強化（後述のブログを参照） 3. 一般...

JQueryはアニメーション効果の非表示と表示を実装します

この記事では、アニメーション効果の非表示と表示を実現するためのJQueryの具体的なコードを参考まで...

MySQL ステートメントコメントの紹介

MySQL は次の 3 種類のコメントをサポートしています。 1. 行末の「#」文字から。 2. 「...

MySQL の 2 種類の一時テーブルの使用方法の詳細な説明

外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...