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:
|
<<: 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
Implementierung von MySQL Select in der Unterabfrageoptimierung
Die folgende Demonstration basiert auf MySQL Vers...
Beispiel zum Aktivieren des Brotli-Komprimierungsalgorithmus für Nginx
Brotli ist ein neues Datenformat, das eine um 20 ...
Detaillierte Installation und Konfiguration von Subversion (SVN) unter Ubuntu
Wenn Sie Softwareentwickler sind, müssen Sie mit ...
Eine kurze Diskussion über die Implementierung von Fuzzy-Abfragen mit Platzhaltern in MySQL
Wenn wir in der MySQL-Datenbank Fuzzy-Abfragen be...
Eine kurze Analyse des Ereignisdelegierungsmechanismus und des tiefen und flachen Kopierens in JavaScript
Inhaltsverzeichnis 1. Veranstaltungsdelegation Er...
Eine detaillierte Erklärung der überlappenden und weichen Farbanpassungsmethode bei der Farbanpassung von Webseiten
In diesem Artikel gibt es keine Spitzfindigkeiten,...
Warum ist der MySQL-Autoinkrement-Primärschlüssel nicht kontinuierlich?
Inhaltsverzeichnis 1. Einleitung 2. Beschreibung ...
Wie setze ich eine Unterstreichung in HTML? So unterstreiche ich Text in HTML
Früher bestand das Unterstreichen in HTML darin, ...
Vue+Element - benutzerdefinierte Abfragekomponente
In diesem Artikel wird hauptsächlich das Vue-Proj...
9 Tipps für das Webseiten-Layout
<br />Verwandte Artikel: 9 praktische Vorsch...
Detaillierte Fehlerbehebung bei Docker.service-Startfehlern
Führen Sie den folgenden Befehl aus, um einen Feh...
Super ausführliches Tutorial zur Installation und Bereitstellung von mysql-canal-rabbitmq
Inhaltsverzeichnis 1.1. MySQL-Binlog aktivieren 1...
So verwenden Sie Chrome Dev Tools zur Analyse der Seitenleistung (Front-End-Leistungsoptimierung)
Hintergrund Wir verwenden Chrome Dev Tools häufig...
Analyse des GTK-Treeview-Prinzips und der Verwendung
Die GtkTreeView-Komponente ist eine erweiterte Ko...
Detailliertes Tutorial zum Kompilieren und Installieren von MySQL 5.7.24 auf CentOS7
Inhaltsverzeichnis Abhängigkeiten installieren Bo...