Bagaimana untuk menggantikan baris baharu menggunakan JavaScript?

Dalam tutorial ini, kita akan belajar cara menggantikan semua baris baharu dalam kod JavaScript menggunakan teg
. Terdapat pelbagai cara untuk menggantikan semua baris baharu menggunakan teg
. Beberapa kaedah diberikan di bawah -

Menggunakan kaedah String Replace() dan RegEx

Dalam kaedah ini, kami menggunakan kaedah String.replace() untuk menggantikan semua baris baharu dalam teks biasa dengan
token. RegEx di sini merujuk kepada ungkapan biasa yang kami tulis dalam kaedah string.replace().

Syntax

Yang berikut menggunakan kaedah replace() -

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

Di sini ayat ialah rentetan dengan aksara baris baharu dan parameter pertama kaedah replace() ialah ungkapan biasa.

Algoritma

• Langkah 1 - Tentukan rentetan dengan baris baharu dan paparkannya.

• Langkah 2 - Gunakan kaedah replace() pada rentetan yang ditakrifkan di atas. Gunakan sintaks di atas untuk menggunakan kaedah penggantian.

• Langkah 3 - Paparkan rentetan yang diperolehi dalam langkah 2. Semua baris baharu digantikan dengan
  .

Contoh

Kita boleh menggunakan kod yang diberikan di bawah untuk menggantikan semua baris baharu dengan
token menggunakan ungkapan biasa.

   

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

Dalam kod di atas, kaedah string.replace() menyemak semua 3 aksara baris baharu iaitu r

,

dan r dengan teg g dan kemudian menggantikannya dengan teg
.

Gunakan kaedah split() dan join()

Dalam kaedah ini, gunakan pembatas dan kembalikan tatasusunan subrentetan, kemudian gabungkan subrentetan ini ke dalam tatasusunan dan lulus
supaya setiap cantuman mengandungi
.

Tatabahasa

Berikut ialah sintaks untuk menggunakan kaedah split() dan join() -

sentence.split("").join("<br />");

Di sini ayat ialah rentetan dengan aksara baris baharu (

) dan kami mahu menggantikannya dengan
.

Algoritma

   

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