この記事の例では、文字の出現回数をカウントする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 のインストールと設定のグラフィックチュートリアル
JavaScriptゲームSnakeの実装アイデア(完全なコード実装)を参考までに説明します。具体...
初心者は自分で録音しましょう1. スーパーバイザーをインストールします。 Supervisor は ...
フォルダー内のすべての txt ファイルのファイル名の前に「gt_」を追加する必要があります。つまり...
最も人気のあるタグはIE8ですブラウザベンダーはバージョンアップデートのリリースに躍起になっている一...
目次序文Viteプロジェクトを作成する改修プロジェクトディレクトリの規則その他の構成序文毎日鳩、火ば...
フレックスレイアウトFlex は Flexible Box の略で、「柔軟なレイアウト」を意味します...
ミラーリングも Docker のコアコンポーネントの 1 つです。ミラーリングはコンテナ操作の基盤で...
1. ダウンロードアドレス: mysql-8.0.17-winx64ダウンロードして解凍する2. フ...
[LeetCode] 176. 2番目に高い給与従業員テーブルから 2 番目に高い給与を取得する ...
この記事では、シームレスなカルーセル効果を実現するためのVueの具体的なコードを例として紹介します。...
目次フレーム最高レベルのエラー報告活発なコミュニティとチーム冗談モカ推奨プラグインVue テストライ...
1. 成果を達成する 2. バックエンドから返されるデータ形式 「リスト」: [ { "i...
目次1. はじめに2. 最初の方法3. 2番目の方法要約する1. はじめにVue プロジェクトの開発...
HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...
この記事では、MySQLのダウンロードとインストールの詳細なチュートリアルを記載しています。具体的な...