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
Freundliche Alternativen zum Find Tool in Linux
Mit dem Befehl „Find“ können Sie in einem angegeb...
Was sind die Unterschiede zwischen CDN, SCDN und DCDN zur Website-Beschleunigung? Wie man wählt?
1. CDN Es ist die am häufigsten verwendete Beschl...
HTML+CSS+JavaScript zum Erreichen eines Beispielcodes für das Scrollen in einer Listenschleife
Beschreibung: Stellen Sie einen Timer ein, um den ...
CentOS 7.9 Installations- und Konfigurationsprozess von zabbix5.0.14
Inhaltsverzeichnis 1. Grundlegende Umgebungskonfi...
Anwendung von Ankerpunkten in HTML
Ankerpunkt festlegen <a name="nach oben&qu...
React implementiert das Hinzufügen, Löschen, Ändern und Abfragen von Todolists
Inhaltsverzeichnis Nehmen Sie Todolist als Beispi...
So importieren Sie SQL-Dateien in Navicat Premium
Ich habe heute mit der Arbeit an meinem Abschluss...
Strategie zur Optimierung der Leistung von MySQL-Datenbankabfragen
Optimieren von Abfragen Verwenden der Explain-Anw...
SQL zur Implementierung der Wiederherstellung einer Zeitreihenversetzung
Inhaltsverzeichnis 1. Anforderungsbeschreibung 2....
MySQL 8.0 MIT Abfragedetails
Inhaltsverzeichnis Informationen zu WITH-Abfragen...
SSM-Projekte werden häufig als War-Pakete bereitgestellt, wobei Tomcat und Maven zur Implementierung der Hot-Deployment-Konfiguration verwendet werden.
Hintergrund Wie wir alle wissen, müssen wir nach ...
Ein Artikel, der Ihnen hilft, die Positionsberechnung in js gründlich zu verstehen
Inhaltsverzeichnis Einführung scrollen Element.sc...
Detaillierte Hinweise zu React für Einsteiger
Inhaltsverzeichnis 1. Grundlegendes Verständnis v...
So konfigurieren Sie Linux für die Verwendung der LDAP-Benutzerauthentifizierung
Ich verwende die in CentOS implementierte LDAP-Be...
Eine kurze Diskussion über die Berechnungsmethode von key_len in MySQL erklären
Mit dem MySQL-Befehl „explain“ können Sie die Lei...