如何替换换行符<br>使用 JavaScript 吗？

如何使用 JavaScript 用
替换换行符？

给定一个多行字符串，任务是用
标签替换换行符。

例子：

Input: `Geeks for Geeks is 
a computer science portal 
where people study computer science`
Output: “Geeks for Geeks is
a computer science portal
where people study computer science”

为此，我们有以下方法：

方法1：使用正则表达式，在这个例子中，我们正在创建一个段落和一个按钮，点击按钮我们正在更改（添加
）段落的文本。

我们正在使用正则表达式的String.replace()方法将新行替换为
。

String.replace()是 JavaScript 中的一个内置方法，用于将给定字符串的一部分替换为另一个字符串或正则表达式。原始字符串将保持不变。

示例 1：

HTML

  
    
 
     

      Change
      
        let str = `Geeks for Geeks is
           a computer science portal
           where people study computer science`;
 
        let para = document.getElementById("para");
 
        para.innerHTML = str;
 
        function myFunc() {
          // Replace the \n with <br>
          str = str.replace(/(?:\r\n|\r|\n)/g, "<br>");
 
          // Update the value of paragraph
          para.innerHTML = str;
        }
      
    
 
  

输出：

初始输出

点击按钮后

方法2：使用split和join，在这个方法中，我们将字符串从分隔符“\n”中分割出来，它返回一个子字符串数组，然后我们使用join方法加入这个数组并传递
，这样每次加入包含
。

示例 2：

HTML

  
    
 
     

      Change
      
        let str = `Geeks for Geeks is
           a computer science portal
           where people study computer science`;
 
        let para = document.getElementById("para");
 
        para.innerHTML = str;
 
        function myFunc() {
          // Replace the \n with <br>
          str = str.split("\n").join("<br />");
          // Update the value of paragraph
          para.innerHTML = str;
        }
      
    
 
  

输出：

初始输出

点击按钮后