Heim > Web-Frontend > js-Tutorial > Wie ersetzt man Zeilenumbrüche mit JavaScript?

Wie ersetzt man Zeilenumbrüche mit JavaScript?

WBOY
Freigeben: 2023-08-28 20:33:02
nach vorne
1391 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, &quot;&lt;br&gt;&quot;); // 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(&quot;&quot;).join(&quot;&lt;br /&gt;&quot;); // 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!

    Quelle:tutorialspoint.com
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage