JavaScript zählt, wie oft ein Zeichen vorkommt

In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Zählung der Häufigkeit eines Zeichens als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt

Zählt, wie oft jedes Zeichen in der vom Benutzer eingegebenen Zeichenfolge vorkommt.

Beispiel: Die Eingabezeichenfolge lautet „abca12abbc121d“, die Ausgabe lautet: a kommt 3-mal vor, b kommt 3-mal vor, c kommt 2-mal vor, d kommt 1-mal vor, 1 kommt 3-mal vor und 2 kommt 2-mal vor.

Methode 1

<Skript>
 var ary = "abca12abbc121d";
 
 var obj = {};
 var i = 0;
 ary1 = ary.toLocaleLowerCase(); 
 
 für(i = 0; i < ary1.Länge; i++)
 {
 Schlüssel = ary1[i];
 wenn(Objekt[Schlüssel])
 {
 //Das Objekt enthält diesen Buchstaben obj[key]++;
 }
 anders
 {
 //Das Objekt hat diesen Buchstaben nicht, füge den Buchstaben zum Objekt hinzu obj[key] = 1;
 }
 }
 
 for(var key in obj) //Dieses Objekt durchlaufen {
 console.log(key + "Dieses Zeichen erscheint" + obj[key] + "mal");
 }
</Skript>

Die Wirkung ist wie folgt:

Diese Methode wird mit Entwicklertools implementiert

Methode 2

<!DOCTYPE html>
<html lang="de">
<Kopf>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
 <title>Dokument</title>
 <script src="sc/char-sunmmary.js"></script>
 <Skript>
 fenster.onload = funktion(){
  var txtChars = document.getElementById("txt-chars");
  var zeigen = document.getElementById("zeigen");
  document.getElementById("btn-ok").onclick=function(){
  var str=txtChars.Wert;
  var charTotal = total(str);
  // Absteigend charTotal.sort(function(a,b){
   return (a.Anzahl-b.Anzahl)*-1;
  })
  
  anzeigen.innerHTML="<ul>";
  //slice(0,5) nimmt die ersten fünf for(var ct of charTotal.slice(0,5)){
   show.innerHTML+="<li>"+ct.char+" erschien "+ct.count+" Mal</li>";
  }
  zeigen.innerHTML+="</ul>";
  }
 }
 </Skript>
</Kopf>
<Text>
 <label for="txt-chars">Bitte geben Sie eine Zeichenfolge ein:</label>
 <Eingabetyp="text" id="txt-chars" name=""/>
 <button id="btn-ok">OK</button>
 <p id="anzeigen"></p>
</body>
</html>

char-sunmmary.js

Funktion Zusammenfassung(Zeichen,Anzahl) {
 dies.char=char;
 dies.Anzahl=Anzahl;
}
// Übergebe einen String und gib die Häufigkeit des Auftretens zurück function total(str) {
 var Ergebnis = [];
 für(var c von str){
 var charObj = checkChar(Ergebnis,c);
 wenn(charObj==null){
  Ergebnis.push(neue Zusammenfassung(c,1));
 }
 anders{
  charObj.Anzahl++;
 }
 }
 Ergebnis zurückgeben;
}
// Suche nach der Summary-Instanz, die das Zeichen char im Array arr enthält // Wenn sie existiert, gib die Instanz zurück, andernfalls gib null zurück
Funktion checkChar(arr,char) {
 var r=null;
 für(var c von arr){
 wenn(c.char==char){
  r = c;
  brechen;
 }
 }
 Rückkehr r;
}

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

JavaScript zählt die Anzahl der Vorkommen jedes Zeichens in einer Zeichenfolge. Vollständiges Beispiel
js-Code zum Zählen der Anzahl der am häufigsten vorkommenden Zeichen
Lernen Sie, wie Sie mit charAt() in JavaScript die am häufigsten vorkommenden Zeichen und deren Anzahl zählen.

<<: Detaillierte Erläuterung der perfekten Integrationslösung zwischen Serv-U FTP und AD

>>: Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17

Vue implementiert die richtige Slide-Out-Layer-Animation

Artikel empfehlen

Wie besteht man die W3C-Validierung?

Neben der Festlegung von Vorschriften für verschi...

Detailliertes Installationstutorial zur dekomprimierten Version von mysql5.7.19 (mit rein geknackter chinesischer Version von SQLYog)

Die Version Mysql5.7.19 ist eine neue Version, di...

Mehrere Möglichkeiten zur Implementierung eines zweispaltigen Layouts mit fester Breite links und adaptiver Breite rechts mithilfe von CSS

7 Möglichkeiten, mit CSS ein zweispaltiges Layout...

JavaScript zählt, wie oft ein Zeichen vorkommt

Vue implementiert die richtige Slide-Out-Layer-Animation

So überwachen Sie globale Variablen im WeChat-Applet

CSS3 verwendet var()- und calc()-Funktionen, um Animationseffekte zu erzielen

So führen Sie Linux-Befehle im Hintergrund aus

jQuery-Plugin zum Implementieren eines schwebenden Menüs

So verwenden Sie den EXPLAIN-Befehl in SQL

vue + node + socket io realisiert die Interaktion mehrerer Personen und gibt den gesamten Prozess frei

Installieren Sie Centos7 mithilfe einer virtuellen Hyper-V-Maschine

Anwendungsverschachtelung von HTML-ul-ungeordneten Tabellen

Eine kurze Diskussion über die drei Hauptprobleme von JS: Asynchronität und Single-Thread

Artikel empfehlen

Wie besteht man die W3C-Validierung?

Detailliertes Installationstutorial zur dekomprimierten Version von mysql5.7.19 (mit rein geknackter chinesischer Version von SQLYog)

Implementierung einer zeitgesteuerten Seitenaktualisierung oder Weiterleitung basierend auf Metadaten

Beispielcode für die benutzerdefinierte Scroll-Ansicht des WeChat-Applets

So fahren Sie MySQL sicher herunter

Mehrere Möglichkeiten zur Implementierung eines zweispaltigen Layouts mit fester Breite links und adaptiver Breite rechts mithilfe von CSS

So sichern Sie das Skript für Linux-Server automatisch (MySQL, Sicherung von Anhängen)

So lesen Sie die regionalen Informationen einer IP mithilfe des Nginx- und GeoIP-Moduls

Tutorial zur HTML-Tabellenauszeichnung (15): Tabellentitel

Ubuntu MySQL 5.6 Version entfernen/installieren/Kodierungskonfigurationsdatei konfigurieren

Implementierungsbeispiel eines Videoplayers basierend auf Vue

Detaillierte Erklärung der Komponentenkommunikation in React

GZIP-Komprimierung Tomcat und Prozessdiagramm zur Verbesserung der Web-Leistung

Einige Tipps zum Schreiben leistungsstarker HTML-Anwendungen

Fallstricke beim dynamischen Menü, dynamischen Laden von Routen und Aktualisieren in Vue