Direkt zum Hauptinhalt springen
eLearner.app
Modul 2 · Lektion 2 von 46/32 im Kurs~10 min
Lektionen des Moduls (2/4)

String-Methoden

Strings in JS haben Dutzende von Methoden, aber in der Praxis wirst du etwa zehn verwenden. Sie sind alle Funktionen, die den ursprünglichen String nicht verändern (Strings sind unveränderlich), sondern einen neuen Wert zurückgeben.

Länge, Großbuchstaben, Suche

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (prima occorrenza, da 0)
'JavaScript'.indexOf('zzz'); // -1   (non trovato)

length ist eine Eigenschaft (ohne Klammern), die anderen sind Methoden — Funktionen, die mit (…) aufgerufen werden.

Extrahieren von Teilen mit slice

slice(start, ende) gibt den Teilstring zwischen den angegebenen Positionen zurück (ende ausgeschlossen). Negative Indizes zählen vom Ende her.

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omessa fine = fino in fondo)
'abcdefgh'.slice(-2); // 'gh'      (ultimi due)

Aufteilen und Zusammenfügen

split(trennzeichen) teilt einen String in ein Array von Teilen auf. Das Gegenteil ist join(...) auf dem Array:

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Ersetzen

replace ersetzt das erste Vorkommen, replaceAll alle:

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

Trim: Leerzeichen an den Enden entfernen

trim() entfernt Leerzeichen (und Zeilenumbrüche, Tabulatoren) am Anfang und Ende. Unverzichtbar, wenn du Benutzereingaben aus einem Formular erhältst.

JS
'   ciao  '.trim(); // 'ciao'

Probier es aus

Übung#js.m2.l2.e1
Versuche: 0Wird geladen…

Normalisiere die E-Mail-Adresse `' Mario.Rossi@Example.com '`: Entferne die Leerzeichen an den Enden und wandle alles in Kleinbuchstaben um. Der letzte Ausdruck soll 'mario.rossi@example.com' ergeben.

Editor wird geladen…
Hinweis anzeigen

Du kannst Methoden verketten: zuerst trim(), dann toLowerCase().

Lösung nach 3 Versuchen verfügbar

Wiederholungsübung

Übung#js.m2.l2.e2
Versuche: 0Wird geladen…

Gib für den gegebenen String `'rosso,verde,blu,giallo'` als letzten Ausdruck die ANZAHL der Farben zurück (also 4).

Editor wird geladen…
Hinweis anzeigen

split(',') gibt dir ein Array zurück; .length gibt dir die Anzahl der Elemente.

Lösung nach 3 Versuchen verfügbar