Wie ersetzt man Zeilenumbrüche mit JavaScript?-js-Tutorial-php.cn

Wie ersetzt man Zeilenumbrüche mit JavaScript?

WBOY

Freigeben： 2023-08-28 20:33:02

nach vorne

1381 Leute haben es durchsucht

如何使用 JavaScript 替换换行符？

In diesem Tutorial erfahren Sie, wie Sie alle Zeilenumbrüche im JavaScript-Code mithilfe des
-Tags ersetzen. Es gibt mehrere Möglichkeiten, alle Zeilenumbrüche mithilfe des
-Tags zu ersetzen. Nachfolgend sind einige Methoden aufgeführt:

Verwendung der String-Replace()-Methode und RegEx

In dieser Methode verwenden wir die String.replace()-Methode, um alle Zeilenumbrüche im Klartext durch -Tokens zu ersetzen. Das
RegEx bezieht sich hier auf den regulären Ausdruck, den wir in der Methode string.replace() geschrieben haben.

Syntax

Im Folgenden wird die Methode „replace()“ verwendet -

sentence.replace(/(?:\r|\r|)/g, "<br>");

Nach dem Login kopieren

Hier ist der

Satz eine Zeichenfolge mit einem Zeilenumbruchzeichen, und der erste Parameter der Methode „replace()“ ist ein regulärer Ausdruck.

Algorithmus

Schritt 1 - Definieren Sie eine Zeichenfolge mit Zeilenumbrüchen und zeigen Sie sie an.
Schritt 2 – Wenden Sie die Methode replace() auf die oben definierte Zeichenfolge an. Verwenden Sie die obige Syntax, um die Ersetzungsmethode anzuwenden.
Schritt 3 – Zeigen Sie die in Schritt 2 erhaltene Zeichenfolge an. Alle Zeilenumbrüche werden durch ersetzt.

Beispiel
Wir können den unten angegebenen Code verwenden, um mithilfe regulärer Ausdrücke alle Zeilenumbrüche durch das Tag
zu ersetzen.

<script> let sentence = `Javascript is a dynamic computer programming language for web. Javascript can update and change both HTML and CSS`; let br = document.getElementById("br"); br.innerHTML = sentence; function linebreak() { // Replace the line break with <br> sentence = sentence.replace(/(?:\r|\r|)/g, "<br>"); // Update the value of paragraph br.innerHTML = sentence; } </script>
Nach dem Login kopieren
Im obigen Code prüft die Methode string.replace() alle drei Zeilenumbruchzeichen, d. h. r
,
und r mit dem g-Tag und ersetzt sie dann durch das
-Tag.
Verwenden Sie die Methoden „split()“ und „join()“
Bei dieser Methode verwenden Sie ein Trennzeichen und geben ein Array von Teilzeichenfolgen zurück. Kombinieren Sie diese Teilzeichenfolgen dann zu einem Array und übergeben Sie
, sodass jeder Join
enthält.
Grammatik
Das Folgende ist die Syntax zum Anwenden der Methoden split() und join() -
sentence.split("").join("<br />");
Nach dem Login kopieren
Hier ist
Satz eine Zeichenfolge mit Zeilenumbruchzeichen (
) und wir möchten sie durch
ersetzen.
Algorithmus
< ul class="list">
Schritt 1 - Definieren Sie eine Zeichenfolge mit Zeilenumbrüchen und zeigen Sie sie an.
Schritt 2 – Wenden Sie die Methoden split() und join() auf die oben definierte Zeichenfolge an. Verwenden Sie die obige Syntax, um die Ersetzungsmethode anzuwenden.
Schritt 3 – Zeigen Sie die in Schritt 2 erhaltene Zeichenfolge an. Alle Zeilenumbrüche werden durch ersetzt.
Beispiel
Wir können den unten angegebenen Code verwenden, um alle Zeilenumbrüche durch
-Tags

<script> let sentence = `Javascript is a dynamic computer programming language for web. Javascript can update and change both HTML and CSS`; let br = document.getElementById("br"); br.innerHTML = sentence; function linebreak() { // Replace the line break with <br> sentence = sentence.split("").join("<br />"); // Update the value of paragraph br.innerHTML = sentence; } </script>
Nach dem Login kopieren
p> mithilfe der Split- und Join-Methode zu ersetzen. Zeilenzeichenfolgen werden durch br-Tag-Zeichenfolgen ersetzt. Verwenden Sie die Methode „split()“, um die Zeichenfolge mithilfe des Trennzeichens zu teilen, und verwenden Sie dann die Methode „join()“, um die geteilten Unterarrays zu einem Array zu verbinden.

Das obige ist der detaillierte Inhalt vonWie ersetzt man Zeilenumbrüche mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!