Comment remplacer les nouvelles lignes en utilisant JavaScript ?

Dans ce tutoriel, nous apprendrons comment remplacer toutes les nouvelles lignes dans le code JavaScript à l'aide de la balise
. Il existe plusieurs façons de remplacer toutes les nouvelles lignes à l'aide de la balise
. Certaines méthodes sont données ci-dessous -

Utilisation de la méthode String Replace() et RegEx

Dans cette méthode, nous utilisons la méthode String.replace() pour remplacer toutes les nouvelles lignes en texte brut par
jetons. Le RegEx ici fait référence à l'expression régulière que nous avons écrite dans la méthode string.replace().

Syntaxe

Ce qui suit utilise la méthode replace() -

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

Ici, la phrase est une chaîne avec un caractère de nouvelle ligne, et le premier paramètre de la méthode replace() est une expression régulière.

Algorithme

• Étape 1 - Définir une chaîne avec des nouvelles lignes et l'afficher.

• Étape 2 - Appliquez la méthode replace() à la chaîne définie ci-dessus. Utilisez la syntaxe ci-dessus pour appliquer la méthode de remplacement.

• Étape 3 - Affichez la chaîne obtenue à l'étape 2. Toutes les nouvelles lignes sont remplacées par
  .

Exemple

Nous pouvons utiliser le code ci-dessous pour remplacer toutes les nouvelles lignes par la balise
en utilisant des expressions régulières.

   

   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>

Dans le code ci-dessus, la méthode string.replace() vérifie les 3 caractères de nouvelle ligne, c'est-à-dire r

,

et r avec la balise g, puis les remplace par la balise
.

Utilisez les méthodes split() et join()

Dans cette méthode, utilisez un délimiteur et renvoyez un tableau de sous-chaînes, puis combinez ces sous-chaînes dans un tableau et transmettez
pour que chaque jointure contienne
.

Grammar

Ce qui suit est la syntaxe pour appliquer les méthodes split() et join() -

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

Ici phrase est une chaîne avec un caractère de nouvelle ligne (

) et nous voulons la remplacer par
.

Algorithme

   

   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>