How to replace newlines using JavaScript?-JS Tutorial-php.cn

How to replace newlines using JavaScript?

WBOY

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

forward

1380 people have browsed it

如何使用 JavaScript 替换换行符？

In this tutorial, we will learn how to replace all newlines in JavaScript code using the
tag. There are various ways to replace all newlines using
tokens. Some methods are given below-

Using String Replace() method and RegEx

In this method, we use String.replace() method to convert plain text into Replace all newline characters with
tokens. RegEx here refers to the regular expression we wrote in the string.replace() method.

Grammar

The following is the use of the replace() method-

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

Copy after login

HereThe sentence is a string with a newline character, and the replacement() method One parameter is a regular expression.

Algorithm

Step 1 - Define a string with newlines and display it.
Step 2 - Apply the replace() method to the string defined above. Use the above syntax to apply the replacement method.
Step 3 - Display the string obtained in step 2. All newlines are replaced with
.

Example

We can use the code given below to replace all newlines with ## using regular expressions # mark.




   
   
   <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>

Copy after login

In the above code, string.replace() method checks all 3 types of newline characters i.e. \r
,
and \r and uses \g tags and replace them with
tags.
Use split() and join() methods
In this method, use delimiter and return an array of substrings, then combine these substrings to form an array and pass
so that every connection contains
.
Grammar
The following is the syntax for applying the split() and join() methods -
sentence.split("").join("<br />");
Copy after login
Here
The sentence is with a newline (
) string, we need to replace it with
.
Algorithm
< ul class="list">
Step 1 - Define a string with newlines and display it.
Step 2 - Apply the split() and join() methods to the string defined above. Use the above syntax to apply the replacement method.
Step 3 - Display the string obtained in step 2. All newlines are replaced with .
Example
We can use the code given below to replace all newlines with # using split and join methods ## 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>
Copy after login

In the above code, use the built-in method to replace the line string with the br tag string. Use the split() method to split the string using the delimiter, and then use the join() method to join the split subarrays to form an array. p>
The above is the detailed content of How to replace newlines using JavaScript?. For more information, please follow other related articles on the PHP Chinese website!