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:
|
<<: Detaillierte Erläuterung der perfekten Integrationslösung zwischen Serv-U FTP und AD
>>: Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17
Der größte Engpass bei der Verwendung von Zabbix ...
...Es ist so, heute wollte ich ein Popup-Fenster m...
Bei der Datenbankoperation ist der Umgang mit Dat...
MySQL unterstützt viele Datentypen und die Auswah...
In diesem Artikelbeispiel wird der spezifische Co...
Der HTML-Kopfteil enthält viele Tags und Elemente,...
Inhaltsverzeichnis Überblick 1. Hook-Aufrufreihen...
SMIL fügt Unterstützung für Timing und Mediensync...
Dies ist das Installationstutorial von mysql5.7.1...
Ändern Sie die vereinfachte Dateigröße und laden ...
<br />Mit diesem Tag können Sie direkt einen...
Inhaltsverzeichnis 01 Häufige Fehler 1 02 Häufige...
1. Aktivieren Sie den Remotezugriff auf den Docke...
Wir alle wissen, dass Daten unbezahlbar sind. Wen...
1. SSH-Remoteverwaltung SSH-Definition SSH (Secur...