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 のインストールと設定のグラフィックチュートリアル

推薦する

衝突検出を実装するためのjs

この記事の例では、衝突検出を実装するためのjsの具体的なコードを参考までに共有しています。具体的な内...

Docker で Node.js をデプロイする方法

序文プロジェクトでは中間層としてNodeを使用し、Nodeのデプロイにはdockerを使用します。こ...

PSを使用して2分でxhtml+cssウェブサイトのホームページを作成します

xhtml+css のウェブサイト再構築、ウェブ標準などについては、記事が多すぎるので繰り返しません...

Vueは携帯電話のカメラとアルバムを呼び出す機能を実装します

この記事では、携帯電話のカメラとアルバムにアクセスするためのVueの具体的なコードを参考までに共有し...

XHTML チュートリアル、XHTML の基礎を簡単に紹介します

<br />この記事では、XHTMLとXHTMLの基礎知識について簡単に紹介します。 X...

Vueでシングルサインオンを実装する方法のまとめ

最近プロジェクトが中断され、RageFrame の研究は一時的に終了しました。この記事では、シングル...

Vueはカルーセルアニメーションを実装します

この記事では、カルーセルアニメーションを実現するためのVueの具体的なコードを例として紹介します。具...

MySQLのLIMIT文について詳しく説明します

目次質問サーバー層とストレージエンジン層LIMITって何ですか？何をするか？トゥカオ最近、Q&...

JS は Baidu 検索ボックスを実装します

この記事の例では、Baidu検索ボックスを実装するためのJSの具体的なコードを参考までに共有していま...

Nginx 環境での WordPress マルチサイト構成の詳細な説明

WordPress のマルチサイト機能を使用すると、1 つの WordPress プログラムをインス...

JavaScriptはキャンバスを使用して座標と線を描画します

この記事では、JavaScriptでキャンバスを使用して座標と線を描く具体的なコードを参考までに紹介...

W3C チュートリアル (7): W3C XSL アクティビティ

スタイル シートは、ドキュメントの表示方法、発音方法、または入力方法を記述します。XSL 言語は、X...

Vue フィルターの実装と適用シナリオの詳細な説明

1. 簡単な紹介Vue.js を使用すると、一般的なテキストの書式設定に使用できる独自のフィルターを...

win10 mysql 5.6.35 winx64 無料インストールバージョン設定チュートリアル

mysql 5.6.35 winx64無料インストールバージョン構成チュートリアルwin10、具体的...

CSS フォント、テキスト、リストのプロパティの詳細な紹介

1. フォントのプロパティcolorは、div{color:red;}のようにテキストの色を指定しま...