JavaScript zählt, wie oft ein Zeichen vorkommt

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

Artikel empfehlen

Mysql-Optimierung Zabbix-Partitionsoptimierung

Der größte Engpass bei der Verwendung von Zabbix ...

Heute bin ich auf ein sehr seltsames Problem gestoßen und habe es selbst gelöst

...Es ist so, heute wollte ich ein Popup-Fenster m...

Mysql gibt die Methode zur Datumsbereichsextraktion an

Bei der Datenbankoperation ist der Umgang mit Dat...

Prinzipien der MySQL-Datentypoptimierung

MySQL unterstützt viele Datentypen und die Auswah...

Das WeChat-Applet verwendet die Videoplayer-Videokomponente

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Einführung in den HTML-Head-Tag

Der HTML-Kopfteil enthält viele Tags und Elemente,...

Detaillierte Erklärung des Lebenszyklus einer Angular-Komponente (I)

Inhaltsverzeichnis Überblick 1. Hook-Aufrufreihen...

W3C Tutorial (15): W3C SMIL Aktivitäten

SMIL fügt Unterstützung für Timing und Mediensync...

So verwenden Sie das JQuery-Editor-Plugin tinyMCE

Ändern Sie die vereinfachte Dateigröße und laden ...

Tutorial zur HTML-Tabellenauszeichnung (15): Tabellentitel

<br />Mit diesem Tag können Sie direkt einen...

Häufige Probleme und Lösungen beim Erstellen von MySQL MGR

Inhaltsverzeichnis 01 Häufige Fehler 1 02 Häufige...

So sichern Sie die MySQL-Datenbank regelmäßig automatisch

Wir alle wissen, dass Daten unbezahlbar sind. Wen...