String length String slice() String substring() String substr() String replace() String replaceAll() String toUpperCase() String toLowerCase() String concat() String trim() String trimStart() String trimEnd() String padStart() String padEnd() String charAt() String charCodeAt() String split()
String-Suchmethoden werden im nächsten Kapitel behandelt.
Die Eigenschaft length
gibt die Länge einer Zeichenfolge zurück:
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The length Property</h2>
<p>The length of the string is:</p>
<p id="demo"></p>
<script>
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.getElementById("demo").innerHTML = text.length;
</script>
</body>
</html>
Es gibt drei Methoden zum Extrahieren eines Teils einer Zeichenfolge:
slice(start, end)
substring(start, end)
substr(start, length)
slice()
extrahiert einen Teil einer Zeichenfolge und gibt den zurück extrahierter Teil in einer neuen Zeichenfolge.
Die Methode benötigt zwei Parameter: Startposition und Endposition (Ende nicht enthalten).
Schneiden Sie einen Teil einer Zeichenfolge von Position 7 bis Position 13 heraus:
let text = "Apple, Banana, Kiwi";
let part = text.slice(7, 13);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The slice() Method</h2>
<p>The sliced (extracted) part of the string is:</p>
<p id="demo"></p>
<script>
let text = "Apple, Banana, Kiwi";
let part = text.slice(7,13);
document.getElementById("demo").innerHTML = part;
</script>
</body>
</html>
JavaScript zählt Positionen von Null an.
Die erste Position ist 0.
Zweiter Platz ist 1.
Wenn Sie den zweiten Parameter weglassen, schneidet die Methode den Rest der Zeichenfolge aus:
let text = "Apple, Banana, Kiwi";
let part = text.slice(7);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The slice() Method</h2>
<p>Extract a part of a string from position 7:</p>
<p id="demo"></p>
<script>
let text = "Apple, Banana, Kiwi";
let part = text.slice(7)
document.getElementById("demo").innerHTML = part;
</script>
</body>
</html>
Wenn ein Parameter negativ ist, wird die Position ab dem Ende der Zeichenfolge gezählt:
let text = "Apple, Banana, Kiwi";
let part = text.slice(-12);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The slice() Method</h2>
<p>Extract a part of a string counting from the end:</p>
<p id="demo"></p>
<script>
let text = "Apple, Banana, Kiwi";
let part = text.slice(-12);
document.getElementById("demo").innerHTML = part;
</script>
</body>
</html>
In diesem Beispiel wird ein Teil einer Zeichenfolge von Position -12 bis Position -6 herausgeschnitten:
let text = "Apple, Banana, Kiwi";
let part = text.slice(-12, -6);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The slice() Method</h2>
<p>Extract a part of a string and return the extracted parts in a new string:</p>
<p id="demo"></p>
<script>
let text = "Apple, Banana, Kiwi";
let part = text.slice(-12,-6)
document.getElementById("demo").innerHTML = part;
</script>
</body>
</html>
substring()
ähnelt slice()
.
Der Unterschied besteht darin, dass Start- und Endwerte kleiner als 0 als 0 Zoll behandelt werden substring()
.
let str = "Apple, Banana, Kiwi";
let part = str.substring(7, 13);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>The substring() method extract a part of a string and returns the extracted parts in a new string:</p>
<p id="demo"></p>
<script>
let str = "Apple, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.substring(7,13);
</script>
</body>
</html>
Wenn Sie den zweiten Parameter weglassen, schneidet substring()
den Rest aus Zeichenfolge.
substr()
ähnelt slice()
.
Der Unterschied ist dass der zweite Parameter die Länge angibt des extrahierten Teils.
let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>The substr() method extract a part of a string
and returns the extracted parts in a new string:</p>
<p id="demo"></p>
<script>
let str = "Apple, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.substr(7,6);
</script>
</body>
</html>
Wenn Sie den zweiten Parameter weglassen, schneidet substr()
den Rest aus Zeichenfolge.
let str = "Apple, Banana, Kiwi";
let part = str.substr(7);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>The substr() method extract a part of a string and returns the extracted parts in a new string:</p>
<p id="demo"></p>
<script>
let str = "Apple, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.substr(7);
</script>
</body>
</html>
Wenn der erste Parameter negativ ist, zählt die Position ab dem Ende Zeichenfolge.
let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>The substr() method extract a part of a string and returns the extracted parts in a new string:</p>
<p id="demo"></p>
<script>
let str = "Apple, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.substr(-4);
</script>
</body>
</html>
Die Methode replace()
ersetzt einen angegebenen Wert durch einen anderen Wert in einer Zeichenfolge:
let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Replace "Microsoft" with "W3Schools" in the paragraph below:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Please visit Microsoft!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.replace("Microsoft","W3Schools");
}
</script>
</body>
</html>
Die Methode replace()
ändert nicht die Zeichenfolge, für die sie aufgerufen wird.
Die Methode replace()
gibt eine neue Zeichenfolge zurück.
Die Methode replace()
ersetzt nur die erste Übereinstimmung
Wenn Sie alle Übereinstimmungen ersetzen möchten, verwenden Sie einen regulären Ausdruck mit gesetztem /g-Flag. Siehe Beispiele unten.
Standardmäßig ersetzt die Methode replace()
nur die erste Übereinstimmung:
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Replace "Microsoft" with "W3Schools" in the paragraph below:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Please visit Microsoft and Microsoft!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.replace("Microsoft","W3Schools");
}
</script>
</body>
</html>
Standardmäßig berücksichtigt die Methode replace()
die Groß-/Kleinschreibung. Schreiben von MICROSOFT (mit Großbuchstaben) funktioniert nicht:
let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Try to replace "Microsoft" with "W3Schools" in the paragraph below:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Please visit Microsoft!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.replace("MICROSOFT","W3Schools");
}
</script>
<p>The replace() method is case sensitive. MICROSOFT (with upper-case) will not be replaced.</p>
</body>
</html>
Um die Groß-/Kleinschreibung zu ersetzen, verwenden Sie einen regulären Ausdruck mit einem /i
-Flag (ohne Berücksichtigung):
let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Replace "Microsoft" with "W3Schools" in the paragraph below:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Please visit Microsoft!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.replace(/MICROSOFT/i,"W3Schools");
}
</script>
</body>
</html>
Reguläre Ausdrücke werden ohne Anführungszeichen geschrieben.
Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck mit einem /g
-Flag (globale Übereinstimmung):
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace(/Microsoft/g, "W3Schools");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Replace all occurrences of "Microsoft" with "W3Schools" in the paragraph below:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Please visit Microsoft and Microsoft!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.replace(/Microsoft/g,"W3Schools");
}
</script>
</body>
</html>
Viel mehr über reguläre Ausdrücke erfahren Sie im Kapitel JavaScript Regular Ausdrücke.
Im Jahr 2021 führte JavaScript die String-Methode replaceAll()
ein:
text = text.replaceAll("Cats","Dogs");
text = text.replaceAll("cats","dogs");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The replaceAll() Method</h2>
<p>ES2021 intoduced the string method replaceAll().</p>
<p id="demo"></p>
<script>
let text = "I love cats. Cats are very easy to love. Cats are very popular."
text = text.replaceAll("Cats","Dogs");
text = text.replaceAll("cats","dogs");
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Mit der Methode replaceAll()
können Sie a angeben regulärer Ausdruck anstelle einer zu ersetzenden Zeichenfolge.
Wenn der Parameter ein regulärer Ausdruck ist, muss andernfalls das globale Flag (g) gesetzt werden Es wird ein TypeError ausgelöst.
text = text.replaceAll(/Cats/g,"Dogs");
text = text.replaceAll(/cats/g,"dogs");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The replaceAll() Method</h2>
<p>ES2021 intoduced the string method replaceAll().</p>
<p id="demo"></p>
<script>
let text = "I love cats. Cats are very easy to love. Cats are very popular";
text = text.replaceAll(/Cats/g,"Dogs");
text = text.replaceAll(/cats/g,"dogs");
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
replaceAll()
ist eine ES2021-Funktion.
replaceAll()
funktioniert nicht im Internet Explorer.
Mit toUpperCase()
wird ein String in Großbuchstaben umgewandelt:
Mit toLowerCase()
wird ein String in Kleinbuchstaben umgewandelt:
let text1 = "Hello World!";
let text2 = text1.toUpperCase();
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Convert string to upper case:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Hello World!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.toUpperCase();
}
</script>
</body>
</html>
let text1 = "Hello World!"; // String
let text2 = text1.toLowerCase(); // text2 is text1
converted to lower
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Convert string to lower case:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo">Hello World!</p>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.toLowerCase();
}
</script>
</body>
</html>
concat()
verbindet zwei oder mehr Strings:
let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String</h1>
<h2>The concat() Method</h2>
<p>The concat() method joins two or more strings:</p>
<p id="demo"></p>
<script>
let text1 = "Hello";
let text2 = "World!";
let text3 = text1.concat(" ",text2);
document.getElementById("demo").innerHTML = text3;
</script>
</body>
</html>
Anstelle des Plus-Operators kann die Methode concat()
verwendet werden. Diese beiden Zeilen bewirken dasselbe:
text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");
Alle String-Methoden geben einen neuen String zurück. Sie ändern die ursprüngliche Zeichenfolge nicht.
Formell gesagt:
Zeichenfolgen sind unveränderlich: Zeichenfolgen können nicht geändert, sondern nur ersetzt werden.
Die Methode trim()
entfernt Leerzeichen von beiden Seiten einer Zeichenfolge:
let text1 = " Hello World! ";
let text2 = text1.trim();
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The trim() Method</h2>
<p id="demo"></p>
<script>
let text1 = " Hello World! ";
let text2 = text1.trim();
document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script>
</body>
</html>
ECMAScript 2019 hat JavaScript die String-Methode trimStart()
hinzugefügt. <p>Die Methode trimStart()
funktioniert wie trim()
, entfernt jedoch Leerzeichen nur am Anfang von ein Faden.
let text1 = " Hello World! ";
let text2 = text1.trimStart();
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The trimStart() Method</h2>
<p id="demo"></p>
<script>
let text1 = " Hello World! ";
let text2 = text1.trimStart();
document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script>
</body>
</html>
Der JavaScript-String trimStart()
wird seit Januar 2020 in allen modernen Browsern unterstützt:
Chrome 66 | Edge 79 | Firefox 61 | Safari 12 | Opera 50 |
Apr 2018 | Jan 2020 | Jun 2018 | Sep 2018 | May 2018 |
ECMAScript 2019 hat JavaScript die String-Methode trimEnd()
hinzugefügt. <p>Die Methode trimEnd()
funktioniert wie trim()
, entfernt jedoch Leerzeichen nur am Ende von ein Faden.
let text1 = " Hello World! ";
let text2 = text1.trimEnd();
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The trimEnd() Method</h2>
<p id="demo"></p>
<script>
let text1 = " Hello World! ";
let text2 = text1.trimEnd();
document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script>
</body>
</html>
Der JavaScript-String trimEnd()
wird seit Januar 2020 in allen modernen Browsern unterstützt:
Chrome 66 | Edge 79 | Firefox 61 | Safari 12 | Opera 50 |
Apr 2018 | Jan 2020 | Jun 2018 | Sep 2018 | May 2018 |
ECMAScript 2017 hat JavaScript zwei neue String-Methoden hinzugefügt: padStart()
und padEnd()
, um das Auffüllen am Anfang und am Ende einer Zeichenfolge zu unterstützen.
Die Methode padStart()
füllt eine Zeichenfolge von Anfang an auf.
Es füllt eine Zeichenfolge mit einer anderen Zeichenfolge auf (mehrmals), bis sie eine bestimmte Länge erreicht.
Füllen Sie einen String mit „0“ auf, bis er die Länge 4 erreicht:
let text = "5";
let padded = text.padStart(4,"0");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The padStart() Method</h2>
<p>The padStart() method pads a string from the start.</p>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let text = "5";
text = text.padStart(4,"0");
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Füllen Sie eine Zeichenfolge mit „x“ auf, bis sie die Länge 4 erreicht:
let text = "5";
let padded = text.padStart(4,"x");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The padStart() Method</h2>
<p>The padStart() method pads a string from the start.</p>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let text = "5";
document.getElementById("demo").innerHTML = text.padStart(4,"x");
</script>
</body>
</html>
Die Methode padStart()
ist eine String-Methode.
Um eine Zahl aufzufüllen, wandeln Sie die Zahl zunächst in eine Zeichenfolge um.
Siehe das Beispiel unten.
let numb = 5;
let text = numb.toString();
let padded = text.padStart(4,"0");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The padStart() Method</h2>
<p>The padStart() method pads a string from the start.</p>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let numb = 5;
let text = numb.toString();
document.getElementById("demo").innerHTML = text.padStart(4,0);
</script>
</body>
</html>
padStart()
ist eine Funktion von ECMAScript 2017.
Es wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padStart()
wird in Internet Explorer nicht unterstützt.
Die Methode padEnd()
füllt einen String vom Ende an auf.
Es füllt eine Zeichenfolge mit einer anderen Zeichenfolge auf (mehrmals), bis sie eine bestimmte Länge erreicht.
let text = "5";
let padded = text.padEnd(4,"0");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The padEnd() Method</h2>
<p>The padEnd() method pads a string at the end.</p>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let text = "5";
text = text.padEnd(4,"0");
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
let text = "5";
let padded = text.padEnd(4,"x");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The padEnd() Method</h2>
<p>The padEnd() method pads a string at the end.</p>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let text = "5";
document.getElementById("demo").innerHTML = text.padEnd(4,"x");
</script>
</body>
</html>
Die Methode padEnd()
ist eine String-Methode.
Um eine Zahl aufzufüllen, wandeln Sie die Zahl zunächst in eine Zeichenfolge um.
Siehe das Beispiel unten.
let numb = 5;
let text = numb.toString();
let padded = text.padEnd(4,"0");
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<h2>The padEnd() Method</h2>
<p>The padEnd() method pads a string at the end.</p>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let numb = 5;
let text = numb.toString();
document.getElementById("demo").innerHTML = text.padEnd(4,"x");
</script>
</body>
</html>
padEnd()
ist eine Funktion von ECMAScript 2017.
Es wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padEnd()
wird in Internet Explorer nicht unterstützt.
Es gibt drei Methoden zum Extrahieren von Zeichenfolgen:
charAt(position)
charCodeAt(position)
Grundstückszugang [ ]
Die Methode charAt()
gibt das Zeichen an einem angegebenen Ort zurück Index (Position) in einem String:
let text = "HELLO WORLD";
let char = text.charAt(0);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String</h1>
<h2>The charAt() Method</h2>
<p>The charAt() method returns the character at a given position in a string:</p>
<p id="demo"></p>
<script>
var text = "HELLO WORLD";
document.getElementById("demo").innerHTML = text.charAt(0);
</script>
</body>
</html>
Die Methode charCodeAt()
gibt den Unicode des Zeichens zurück an einem angegebenen Index in einer Zeichenfolge:
Die Methode gibt einen UTF-16-Code zurück (eine Ganzzahl zwischen 0 und 65535).
let text = "HELLO WORLD";
let char = text.charCodeAt(0);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String</h1>
<h2>The charCodeAt() Method</h2>
<p>The charCodeAt() method returns the unicode of the character at a given position in a string:</p>
<p id="demo"></p>
<script>
let text = "HELLO WORLD";
document.getElementById("demo").innerHTML = text.charCodeAt(0);
</script>
</body>
</html>
ECMAScript 5 (2009) ermöglicht den Eigenschaftszugriff [ ] für Zeichenfolgen:
let text = "HELLO WORLD";
let char = text[0];
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<p>Property access on strings:</p>
<p>The first character in the string is:</p>
<p id="demo"></p>
<script>
let text = "HELLO WORLD";
document.getElementById("demo").innerHTML = text[0];
</script>
</body>
</html>
Der Zugang zum Grundstück kann etwas unvorhersehbar sein
Dadurch sehen Strings wie Arrays aus (aber das sind sie nicht)
Wenn kein Zeichen gefunden wird, gibt [ ] undefiniert zurück, während charAt() einen leeren String zurückgibt.
Es ist schreibgeschützt. str[0]=„A“ gibt keinen Fehler aus (funktioniert aber nicht!)
let text = "HELLO WORLD";
text[0] = "A"; // Gives no error, but does not work
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Strings</h1>
<p>Property acces on strings are read only:</p>
<p id="demo"></p>
<script>
let text = "HELLO WORLD";
text[0] = "A"; // Does not work
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Wenn Sie mit einem String als Array arbeiten möchten, können Sie ihn in ein Array konvertieren.
Ein String kann mit der Methode split()
in ein Array umgewandelt werden:
text.split(",") // Split on commas
text.split(" ") // Split on spaces
text.split("|") // Split on pipe
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<p>Display the first array element, after a string split:</p>
<p id="demo"></p>
<script>
let text = "a,b,c,d,e,f";
const myArray = text.split(",");
document.getElementById("demo").innerHTML = myArray[0];
</script>
</body>
</html>
Wenn das Trennzeichen weggelassen wird, enthält das zurückgegebene Array die gesamte Zeichenfolge im Index [0].
Wenn das Trennzeichen „“ ist, ist das zurückgegebene Array ein Single-Array Figuren:
text.split("")
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Methods</h1>
<h2>The split().Method</h2>
<p id="demo"></p>
<script>
let text = "Hello";
const myArr = text.split("");
text = "";
for (let i = 0; i < myArr.length; i++) {
text += myArr[i] + "<br>"
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
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.