この記事の例では、文字の出現回数をカウントする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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Serv-U FTPとADの完璧な統合ソリューションの詳細な説明
>>: MySQL 5.7.17 のインストールと設定のグラフィックチュートリアル
ユーザーのホーム ディレクトリがどんどん大きくなってきたら、ホーム ディレクトリを新しいパーティショ...
以下のように表示されます。 CSSコードコンテンツをクリップボードにコピー分割{境界線: 2px 固...
IE、Firefox、Chrome ブラウザでの表示効果は、...
指令とは何ですか? Angular と Vue はどちらもディレクティブの概念を持っており、これは通...
目次JSはFileReaderを通じて.txtファイルの内容を取得します。 .txtファイルの読み取...
通常、IE ブラウザでの CSS の互換性の問題を解決するために、フロート レイアウトが使用されます...
この記事では、VMware Workstation14 ProにUbuntu 16.04をインストー...
データベースの統計を行う場合、多くの場合、年、月、日に基づいてデータを収集し、echart を使用し...
この記事では、シンプルなカレンダー効果を実現するためのjsの具体的なコードを参考までに共有します。具...
目次MySQLの大文字と小文字の区別はパラメータによって制御されますMySQLの大文字と小文字の区別...
CSS スタイル仕様1. クラスセレクター2. タグセレクター3. IDセレクター4. CSSスタイ...
目次1. エフェクト表示2. 検証コードとメールプッシュ管理の強化(後述のブログを参照) 3. 一般...
この記事では、アニメーション効果の非表示と表示を実現するためのJQueryの具体的なコードを参考まで...
MySQL は次の 3 種類のコメントをサポートしています。 1. 行末の「#」文字から。 2. 「...
外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...