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

推薦する

スネークゲームのアイデアを実現するためのJavaScript

JavaScriptゲームSnakeの実装アイデア（完全なコード実装）を参考までに説明します。具体...

Centos7 でスーパーバイザ デーモンをインストールして設定する方法

初心者は自分で録音しましょう1. スーパーバイザーをインストールします。 Supervisor は ...

Linux でファイルプレフィックスを一括で追加する方法

フォルダー内のすべての txt ファイルのファイル名の前に「gt_」を追加する必要があります。つまり...

IE7 互換モードで IE8 を有効にするコード

最も人気のあるタグはIE8ですブラウザベンダーはバージョンアップデートのリリースに躍起になっている一...

ViteでReactプロジェクトを構築する方法

目次序文Viteプロジェクトを作成する改修プロジェクトディレクトリの規則その他の構成序文毎日鳩、火ば...

flexとは何か、flexレイアウト構文の詳細なチュートリアル

フレックスレイアウトFlex は Flexible Box の略で、「柔軟なレイアウト」を意味します...

Docker イメージ管理の一般的な操作コード例

ミラーリングも Docker のコアコンポーネントの 1 つです。ミラーリングはコンテナ操作の基盤で...

MySQL 8.0.17 winx64 (Navicat 付き) 手動構成バージョンのインストール チュートリアル図

1. ダウンロードアドレス: mysql-8.0.17-winx64ダウンロードして解凍する2. フ...

SQL実装 LeetCode (176. 2番目に高い給与)

[LeetCode] 176. 2番目に高い給与従業員テーブルから 2 番目に高い給与を取得する ...

Vue はシームレスなカルーセル効果 (マーキー) を実現します

この記事では、シームレスなカルーセル効果を実現するためのVueの具体的なコードを例として紹介します。...

Vue ユニットテストに推奨されるプラグインと使用例

目次フレーム最高レベルのエラー報告活発なコミュニティとチーム冗談モカ推奨プラグインVue テストライ...

Vue のドロップダウン ボックスのセカンダリ リンク効果を実装するためのサンプル コード

1. 成果を達成する 2. バックエンドから返されるデータ形式 「リスト」: [ { "i...

Vue グローバルメソッドを設定する 2 つの方法

目次1. はじめに2. 最初の方法3. 2番目の方法要約する1. はじめにVue プロジェクトの開発...

W3C チュートリアル (4): W3C XHTML アクティビティ

HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...

MySQL Community Server 5.6.39 のインストール方法

この記事では、MySQLのダウンロードとインストールの詳細なチュートリアルを記載しています。具体的な...