Sie sind hier 297
Typen, Gleichheit, Umwandlung und der ganze Rest
Da wir gerade von Strings sprechen und dabei entdeckt haben, dass
Strings auch Methoden unterstützen, wollen wir uns eine kleine
Pause von den ganzen seltsamen Typen gönnen. Stattdessen werfen
wir einen Blick auf die String-Methoden, die Sie vermutlich am
häufigsten benutzen werden. Einige dieser Methoden kommen
immer wieder vor, und die Bekanntschaft lohnt sich allemal.
Machen wir uns auf den Weg.
Eine Fünf-Minuten-Tour der String-
Methoden (und -Eigenschaften).
Ein paar aufmunternde Worte: Wir könnten
Sie jetzt zur Seite nehmen und zu jeder
String-Methode und -Eigenschaft ein
eigenes Kapitel schreiben. Allerdings würde
das Buch dann 2000 Seiten lang und fast
20 Kilo schwer werden, und das brauchen
Sie eigentlich gar nicht. Die Grundlagen zu
Methoden und Objekten kennen Sie schon.
Für die Details der String-Verarbeitung
brauchen Sie nur ein gutes Referenzwerk.
die Eigenschaft length
die charAt-Methode
Die Eigenschaft length enthält die Anzahl der Zeichen im String. Das ist recht
praktisch, wenn Sie über die Zeichen eine Schleife ausführen wollen.
Die Methode charAt übernimmt einen ganzzahligen Wert zwischen 0 und der Länge des
Strings (minus 1) und gibt einen String zurück, der das Zeichen an der angegebenen
Position enthält. Stellen Sie sich den String einfach als Array vor, dessen Elemente die
einzelnen Zeichen im String sind. Die Positionen im String sind die Array-Indizes. Ist
der übergebene Index größer oder gleich der Länge des Strings, wird ein leerer String
zurückgegeben.
var input = "jenny@wickedlysmart.com";
for(var i = 0; i < input.length; i++) {
if (input.charAt(i) === "@") {
console.log("Bei Index " + i + " gibt es ein @-Zeichen");
}
}
In JavaScript gibt es keinen eigenen Datentyp
für Zeichen. Zeichen werden daher als
neue Strings zurückgegeben, die ein Zeichen
enthalten.
Wir benutzen die
length-Eigenschaft, um
über alle Zeichen im
String zu iterieren.
Mit der charAt-Methode
können wir ein Zeichen an
einem bestimmten Index im
String auslesen.
a
charAt(0)
ist »a«.
charAt(5)
ist »f«.
b c d
e
f
JavaScript-Konsole
Bei Index 5 gibt es ein
@-Zeichen
298 Kapitel 7
Die indexOf-Methode
Diese Methode übernimmt als Argument einen String. Der Rückgabewert ist der
Index des ersten Zeichens im ersten Vorkommen des Arguments im String.
die indexOf-Methode
var phrase = "die Katze fängt die Maus";
var index = phrase.indexOf("Katze");
console.log("Bei Index " + index + " gibt es eine Katze");
JavaScript-Konsole
Bei Index 4 gibt es eine Katze
Auf diesem String rufen
wir indexOf auf.
Und wir wollen das erste Vorkommen von
»Katze« in der Variablen phrase finden.
Der Index der ersten Katze
wird zurückgegeben.
index = phrase.indexOf("die", 5);
console.log("Bei Index " + index + " gibt es ein 'die'");
Ein optionales zweites Argument wird als
Startindex für die Suche benutzt.
JavaScript-Konsole
Bei Index 16 gibt es ein 'die'
index = phrase.indexOf("Hund");
console.log("Bei Index " + index + " gibt es einen Hund");
JavaScript-Konsole
Bei Index -1 gibt einen Hund
Kann ein String nicht gefunden werden,
wird als Index -
1
zurückgegeben.
Die Suche beginnt jetzt bei Index 5. Dadurch
wird das erste »die« übersprungen und das
zweite »die« bei Index
1
6 gefunden.
Sie sind hier 299
Typen, Gleichheit, Umwandlung und der ganze Rest
die substring-Methode
Übergeben Sie der substring-Methode zwei Indizes, und sie gibt Ihnen den
dazwischenliegenden String zurück.
var data = "name|telefon|adresse";
var val = data.substring(5, 12);
console.log("Substring ist " + val);
Lassen Sie den zweiten Index weg, beginnt der Substring beim angegebenen Index
und geht bis zum Ende des Originalstrings.
JavaScript-Konsole
Substring ist telefon
An diesem String rufen wir die
substring-Methode auf.
Wir wollen den String
zwischen den Indizes 5 und
12 (ohne die 12 selbst).
Rückgabewert ist ein neuer
String mit den Zeichen
zwischen den Indizes 5 und
1
2.
val = data.substring(5);
console.log("Substring ist jetzt " + val);
JavaScript-Konsole
Substring ist jetzt telefon|adresse
die split-Methode
Die split-Methode übernimmt ein Zeichen, das als Trennzeichen benutzt wird, und
splittet den String an diesem Zeichen in mehrere Teile.
var data = "name|phone|address";
var vals = data.split("|");
console.log("Split array is ", vals);
JavaScript-Konsole
Array besteht aus ["name", "telefon", "adresse"]
split verwendet ein Trennzeichen,
um den String in mehrere Teile
zu zerschneiden, die als Array
zurückgegeben werden.
Beachten Sie, dass wir console.
log hier zwei durch ein Komma
getrennte Argumente übergeben.
Dadurch wird das Array vals nicht
in einen String umgewandelt.

Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.