Source-Code

<!DOCTYPE html>
<html lang="de">
<meta charset="utf-8">
<title>Spiel mit String</title>
<LINK REL="SHORTCUT ICON" HREF="..\picture_library\favicon.ico">
<script>
let Zeichenkette = "Es sind 38 Zeichen in der Zeichenkette";
let Counter = 1;
function infos(Argument)
{ if(Counter != 1) document.getElementById('Ausgabe2').innerHTML += " ";

schreibe(1,'Ausgabe2',Counter++ + ". Klick" ) ;

schreibe(1,'Ausgabe2'," var Argument = " + Argument) ;

schreibe(1,'Ausgabe2', " LENGTH ------------") ;

schreibe(1,'Ausgabe2', " var Argument = " + Argument.length );
}

function schreibe(wie,wo,was)
/* schreibt in ein "Ausgabefeld" (Tag mit der id="wo") "wie" ist 0 neu oder 1 erg?nzt den Text mit "was" */
{ /* Ersetzt Umlaute mit HTML-Notation */

if(wie==0){
document.getElementById(wo).innerHTML = was;
}
else{
document.getElementById(wo).innerHTML += ' ' + was;
}
}

function ZeichenCode(wo,Liste)
{

let Test = document.getElementById(wo).innerHTML; /* Die aktuelle Ausgabe pr?fen */

if(Liste.length == 0) /* Wenn man keine Eingabe machte wird ein Std.String angezeigt */
{Liste = String.fromCharCode(9786,9787,9829,9830,9827,9824,8226,9688,9675,9689,9794,9792,9834,9835,9788,9658,9668,8597,8252,182,167,9644,182,8616,8593,8595,8594,8592,8735,8596,9650,9660); /* '@A??????'; */
document.getElementById('TA').value = Liste;
}

if( Test.length < 25)

{

/*alert(Test + " " + Test.length);*/

for(i=0;i<Liste.length;i++)

{

schreibe(1,wo,Liste[i] + " hat den Code " + Liste.charCodeAt(i));

}

document.getElementById('BTTN').value = "Lade die Funktion!";

}

else

{

schreibe(0,wo,' AUSGABEFELD 3 ');

document.getElementById('BTTN').value = "Starte die Funktion!";

document.getElementById('TA').value = "";

}

}

</script>

</head>
<body bgcolor=#ddffdd>
<h1>Hier wird aufgelistet was mit 'String' in JS möglich ist</h1>
<seo id="Ausgabe">
 AUSGABEFELD 1 wurde beim Start beschrieben 
</seo>
<script>
schreibe(1,'Ausgabe',"Die Variable 'Zeichenkette' liegt im HEAD, wie auch alle Funktionen. Deklaration der Variablen Zeichenkette = " + Zeichenkette);

schreibe(1,'Ausgabe',"<h2>Eigenschaften</h2>");
schreibe(1,'Ausgabe',"Str.length" );
schreibe(1,'Ausgabe'," L?nge der Zeichenkette = " + Zeichenkette.length);

schreibe(1,'Ausgabe'," Str.constructor" );
var Xx = Zeichenkette.constructor;
schreibe(1,'Ausgabe'," Konstruktor der Zeichenkette = " + Xx);

schreibe(1,'Ausgabe',"<h2>Methoden</h2>");

schreibe(1,'Ausgabe',"Str.charAt(4) Startet bei 0" );
schreibe(1,'Ausgabe'," Zeichen 5 in Zeichenkette = " + Zeichenkette.charAt(4));

schreibe(1,'Ausgabe'," Str[0] Startet bei 0" );
schreibe(1,'Ausgabe'," Zeichen 1 in Zeichenkette = " + Zeichenkette[0]);

schreibe(1,'Ausgabe'," Str.charCodeAt(4) Startet bei 0" );
schreibe(1,'Ausgabe'," Unicode-Wert des 5. Zeichens in Zeichenkette = " + Zeichenkette.charCodeAt(4));

schreibe(1,'Ausgabe'," Str.concat(' Hallo') " );
schreibe(1,'Ausgabe'," Verbindet Zeichenketten = " + Zeichenkette.concat(' Hallo'));

schreibe(1,'Ausgabe'," Str.indexOf('ei') startet bei 0 " );
schreibe(1,'Ausgabe'," Position von Wert in Zeichenketten = " + Zeichenkette.indexOf('ei'));
schreibe(1,'Ausgabe'," Position von Wert das es nicht gibt in Zeichenketten = " + Zeichenkette.indexOf('17'));

schreibe(1,'Ausgabe'," Str.lastIndexOf('ei') startet bei 0 " );
schreibe(1,'Ausgabe'," Position von Wert in Zeichenketten = " + Zeichenkette.lastIndexOf('ei'));

schreibe(1,'Ausgabe'," Str.match(/e\S{1}/gi) sucht mit Regex nach allen vorkommen. Im Beispiel mit 'e' (global und caseinsensitiv) wenn noch ein weiteres Zeichen folgt, aber nicht, wenn ein Leerzeichen dabei ist") ;
treffer = Zeichenkette.match(/e\S{1}/gi);
schreibe(1,'Ausgabe'," Anzahl Treffer " + treffer.length);
for(i=0;i<=8;i++)
{
schreibe(1,'Ausgabe'," " + i + " treffer ist: " + treffer[i]);
}

schreibe(1,'Ausgabe'," Str.replace(/e\S{1}/gi,'MIT') sucht mit Regex nach allen vorkommen. Im Beispiel mit 'e' (global und caseinsensitiv) wenn noch ein weiteres Zeichen folgt, aber nicht, wenn ein Leerzeichen dabei ist und ersetzt es mit Regex 'MIT'" );
schreibe(1,'Ausgabe'," Anzahl Treffer " + Zeichenkette.replace(/e\S{1}/gi,'MIT'));

schreibe(1,'Ausgabe'," Str.search(/z\S{1}/gi) gleich wie match, aber gibt die erste Trefferposition " );
schreibe(1,'Ausgabe'," Treffer-Position: " + Zeichenkette.search(/z\S{1}/gi));

schreibe(1,'Ausgabe'," Str.slice(von, bis) fast wie mid: Ermittelt Teilstring " );
schreibe(1,'Ausgabe'," Str.slice(2, 5): " + Zeichenkette.slice(1, 5));
schreibe(1,'Ausgabe'," Str.slice(-5): " + Zeichenkette.slice(-5));
schreibe(1,'Ausgabe'," Str.slice(25): " + Zeichenkette.slice(25));

schreibe(1,'Ausgabe'," Str.split(/e\S{1}/gi) sucht mit Regex nach allen Vorkommen und teilt den String dort auf" );
treffer = Zeichenkette.split(/e\S{1}/gi);
schreibe(1,'Ausgabe'," Anzahl Teile " + treffer.length);
for(i=0;i<=8;i++)
{
schreibe(1,'Ausgabe'," " + (i+1) + ". Teil ist: " + treffer[i]);
}

schreibe(1,'Ausgabe'," Str.substr(von, anzahl) wie mid oder fast wie slice: Ermittelt Teilstring " );
schreibe(1,'Ausgabe'," Str.substr(2, 5): " + Zeichenkette.substr(2, 5));
schreibe(1,'Ausgabe'," Str.substr(-5): " + Zeichenkette.substr(-5));
schreibe(1,'Ausgabe'," Str.substr(25): " + Zeichenkette.substr(25));

schreibe(1,'Ausgabe'," Str.substring(von, anzahl) wie mid oder fast wie slice: Ermittelt Teilstring " );
schreibe(1,'Ausgabe'," Str.substring(2, 5): " + Zeichenkette.substring(2, 5));
schreibe(1,'Ausgabe'," Str.substring(-5): " + Zeichenkette.substring(-5));
schreibe(1,'Ausgabe'," Str.substring(25): " + Zeichenkette.substring(25));

schreibe(1,'Ausgabe'," String Umwandlung" );
schreibe(1,'Ausgabe'," Str.toLowerCase(): " + Zeichenkette.toLowerCase());
schreibe(1,'Ausgabe'," Str.toUpperCase(): " + Zeichenkette.toUpperCase());
schreibe(1,'Ausgabe'," Str.trim(): " + Zeichenkette.trim());
schreibe(1,'Ausgabe'," String Umwandlung Obsolet");
schreibe(1,'Ausgabe'," Str.big(): " + Zeichenkette.big());
schreibe(1,'Ausgabe'," Str.blink(): " + Zeichenkette.blink());
schreibe(1,'Ausgabe'," Str.bold(): " + Zeichenkette.bold());
schreibe(1,'Ausgabe'," Str.fixed(): " + Zeichenkette.fixed());
schreibe(1,'Ausgabe'," Str.fontcolor(): " + Zeichenkette.fontcolor('red'));
schreibe(1,'Ausgabe'," Str.fontsize(): " + Zeichenkette.fontsize(5));
schreibe(1,'Ausgabe'," Str.italics(): " + Zeichenkette.italics());
schreibe(1,'Ausgabe'," Str.small(): " + Zeichenkette.small());
schreibe(1,'Ausgabe'," Str.strike(): " + Zeichenkette.strike());
schreibe(1,'Ausgabe'," Str.sub(): " + Zeichenkette.sub());
schreibe(1,'Ausgabe'," Str.sup(): " + Zeichenkette.sup());
schreibe(1,'Ausgabe'," Kombiniert");
schreibe(1,'Ausgabe'," Str.big().bold().fontcolor('blue'): " + Zeichenkette.big().bold().fontcolor('blue'));

schreibe(1,'Ausgabe',"<h2>Sortieren</h2>");

schreibe(1,'Ausgabe',"Array sortieren. Zuordnung-> let Gruppe = ['???' ,'eins','zwei','drei','vier','F?nf', 'ahh'] " );

let Gruppe = ['???' ,'eins','zwei','drei','vier','F?nf', '?hh'];

schreibe(1,'Ausgabe'," 1) Unsortiet: " + Gruppe);
schreibe(1,'Ausgabe'," Anzahl Teile im Array " + Gruppe.length);

for(i=0;i<=8;i++)
{
schreibe(1,'Ausgabe'," " + i + ". Array Teil ist: " + Gruppe[i]);
}

schreibe(1,'Ausgabe'," 2) Sortiet: " + Gruppe.sort());
schreibe(1,'Ausgabe'," Anzahl Teile im Array " + Gruppe.length);
for(i=0;i<=8;i++)
{
schreibe(1,'Ausgabe'," " + i + ". Array Teil ist: " + Gruppe[i]);
}

schreibe(1,'Ausgabe', " 3) Sortiet nach DeutschRegel: " );

document.getElementById('Ausgabe').innerHTML += Gruppe.sort(function (a, b){return a.localeCompare(b, "de-DE");});

schreibe(1,'Ausgabe'," Anzahl Teile im Array " + Gruppe.length);
for(i=0;i<=8;i++)
{
schreibe(1,'Ausgabe'," " + i + ". Array Teil ist: " + Gruppe[i]);
}

schreibe(1,'Ausgabe'," UNICODE String.fromCharCode(64, 65, 40) (auf Gross/Kleinschrift achten!)") ;
schreibe(1,'Ausgabe'," Gibt eine Zeichenkette bestehend aus den codes = " + String.fromCharCode(64, 65, 40));

</script>

 
<h2>Startet info('123456')</h2>
<input type="button" onclick="infos('123456');" value="Starte die Funktion!" />
<seo id="Ausgabe2">
 AUSGABEFELD 2 
</seo>

 
<h2>Link</h2>
<a href=https://wiki.selfhtml.org/wiki/JavaScript/Objekte/String target=_blank>JavaScript/Objekte/String</a>
 
*charAt() (Zeichen an einer Position ermitteln) 
*charCodeAt() (UTF-16-Zeicheneinheit an einer Position) 
*concat() (Zeichenketten zusammenf?gen) 
*fromCharCode() (UTF-16-Zeicheneinheit erzeugen) 
*indexOf() (Position einer Zeichenkette ermitteln) 
*lastIndexOf() (letzte Position eines Zeichens ermitteln) 
*localeCompare() (vergleichen) 
*match() (Regul?ren Ausdruck anwenden) 
*replace() (Regul?ren Ausdruck anwenden und ersetzen) 
*search() (Suchen mit Regul?rem Ausdruck) 
*slice() (Teil aus Zeichenkette extrahieren) 
*split() (Zeichenkette aufsplitten) 
*substr() (Teilzeichenkette ab Position ermitteln) 
*substring() (Teilzeichenkette ermitteln) 
*toLowerCase() (alles klein schreiben) 
*toUpperCase() (alles gross schreiben) 
*trim() (Leerzeichen entfernen) 

 
<a href=https://wiki.selfhtml.org/wiki/JavaScript/Objekte/RegExp target=_blank>JavaScript/Objekte/RegEx</a>
 

<h2>Source-Code:</h2>
<iframe src="PHP_Zeigen.php" width=700px height=500px scrolling="yes" wordwarp="yes" style="background-color:#ffffff"></iframe>

 
<h2>Startet ZeichenCode(wo,was)</h2>
Listet die Zeichen im Textfeld und ihren Unicode auf 
<textarea id="TA" cols=40 rows=1 style="font-size: 200%"></textarea>
 

<input type="button" id=BTTN onclick="ZeichenCode('Ausgabe3',document.getElementById('TA').value)" value="Starte die Funktion!">

<seo id="Ausgabe3">
 AUSGABEFELD 3 
</seo>
 
</body>
</html>