JavaScript -Strings
JavaScript-Strings dienen zum Speichern und Bearbeiten von Text.
Ein JavaScript-String besteht aus null oder mehr Zeichen, die in Anführungszeichen geschrieben werden.
Beispiel
let text = "John Doe";
Sie können einfache oder doppelte Anführungszeichen verwenden:
Beispiel
let carName1 = "Volvo XC60";
// Double quotes
let carName2 = 'Volvo XC60'; // Single quotes
Sie können Anführungszeichen innerhalb einer Zeichenfolge verwenden, solange sie nicht mit den Anführungszeichen übereinstimmen, die die Zeichenfolge umgeben:
Beispiel
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
String-Länge
Um die Länge einer Zeichenfolge zu ermitteln, verwenden Sie die integrierte length
Eigenschaft:
Beispiel
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Escape-Zeichen
Da Zeichenfolgen in Anführungszeichen geschrieben werden müssen, wird JavaScript diese Zeichenfolge falsch verstehen:
let text = "We are the so-called "Vikings" from the north.";
Die Saite wird zu "Wir sind die sogenannten" zerhackt.
Die Lösung zur Vermeidung dieses Problems ist die Verwendung des Backslash-Escape-Zeichens .
Das Escape-Zeichen Backslash ( \
) wandelt Sonderzeichen in Zeichenketten um:
Code | Result | Description |
---|---|---|
\' | ' | Single quote |
\" | " | Double quote |
\\ | \ | Backslash |
Die Sequenz \"
fügt ein doppeltes Anführungszeichen in einen String ein:
Beispiel
let text = "We are the so-called \"Vikings\" from the north.";
Die Sequenz \'
fügt ein einfaches Anführungszeichen in eine Zeichenfolge ein:
Beispiel
let text= 'It\'s alright.';
Die Sequenz \\
fügt einen Backslash in einen String ein:
Beispiel
let text = "The character \\ is called backslash.";
Sechs weitere Escape-Sequenzen sind in JavaScript gültig:
Code | Result |
---|---|
\b | Backspace |
\f | Form Feed |
\n | New Line |
\r | Carriage Return |
\t | Horizontal Tabulator |
\v | Vertical Tabulator |
Die 6 obigen Escape-Zeichen wurden ursprünglich entwickelt, um Schreibmaschinen, Fernschreiber und Faxgeräte zu steuern. Sie machen in HTML keinen Sinn.
Lange Codezeilen brechen
Für beste Lesbarkeit vermeiden Programmierer häufig Codezeilen, die länger als 80 Zeichen sind.
Wenn eine JavaScript-Anweisung nicht in eine Zeile passt, ist die beste Stelle, um sie zu unterbrechen, nach einem Operator:
Beispiel
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Sie können eine Codezeile innerhalb einer Textzeichenfolge auch mit einem einzelnen umgekehrten Schrägstrich aufteilen:
Beispiel
document.getElementById("demo").innerHTML =
"Hello \
Dolly!";
Die \
Methode ist nicht die bevorzugte Methode. Es hat möglicherweise keine universelle Unterstützung.
Einige Browser erlauben keine Leerzeichen hinter dem \
Zeichen.
Eine sicherere Methode zum Auflösen einer Zeichenfolge ist die Zeichenfolgenaddition:
Beispiel
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Sie können eine Codezeile nicht mit einem umgekehrten Schrägstrich aufbrechen:
Beispiel
document.getElementById("demo").innerHTML = \
"Hello Dolly!";
JavaScript-Strings als Objekte
Normalerweise sind JavaScript-Strings primitive Werte, die aus Literalen erstellt werden:
let x = "John";
Strings können aber auch mit dem Schlüsselwort als Objekte definiert werden new
:
let y = new String("John");
Beispiel
let x = "John";
let y = new String("John");
Erstellen Sie keine Strings-Objekte.
Das new
Schlüsselwort verkompliziert den Code und verlangsamt die Ausführungsgeschwindigkeit.
String-Objekte können zu unerwarteten Ergebnissen führen:
Bei Verwendung des ==
Operators sind x und y gleich :
let x = "John";
let y = new String("John");
Bei Verwendung des ===
Operators sind x und y ungleich :
let x = "John";
let y = new String("John");
Beachten Sie den Unterschied zwischen (x==y)
und (x===y)
.
(x == y)
richtig oder falsch?
let x = new String("John");
let y = new String("John");
(x === y)
richtig oder falsch?
let x = new String("John");
let y = new String("John");
Der Vergleich zweier JavaScript-Objekte gibt immer false zurück .
Vollständige String-Referenz
Eine vollständige String-Referenz finden Sie in unserem:
Vollständige JavaScript-String-Referenz .
Die Referenz enthält Beschreibungen und Beispiele aller String-Eigenschaften und -Methoden.