跳到主要内容

JavaScript程序将所有换行符替换为<br>

要理解这个示例,你应该具备以下 JavaScript 编程 主题的知识:

示例 1:使用正则表达式替换所有换行符

// 程序替换字符串中的所有换行符为 <br>
const string = `我正在学习 JavaScript。
JavaScript 很有趣。
JavaScript 很容易。`;

const result = string.replace(/(\r\n|\r|\n)/g, "<br>");

console.log(result);

输出

我正在学习 JavaScript。<br>JavaScript 很有趣。<br>JavaScript 很容易。

在上述示例中:

  • 使用正则表达式与 replace() 方法替换字符串中的所有换行符为 <br>
  • 模式 /(\r\n|\r|\n)/ 用于检查换行符。
  • 模式 /g 用于检查整个字符串中的所有出现。

示例 2:使用内置方法替换所有换行符

// 程序替换字符串中的所有换行符为 <br>
const string = `我正在学习 JavaScript。
JavaScript 很有趣。
JavaScript 很容易。`;

const result = string.split("\n").join("<br>");

console.log(result);

输出

我正在学习 JavaScript。<br>JavaScript 很有趣。<br>JavaScript 很容易。

在上述示例中,使用内置方法替换所有换行符为 <br>

split('\n') 方法将字符串按换行符分割为数组元素。

["我正在学习 JavaScript。", "JavaScript 很有趣。", "JavaScript 很容易。"]

join(<br>) 方法将数组元素通过添加 <br> 连接起来。

我正在学习 JavaScript。<br>JavaScript 很有趣。<br>JavaScript 很容易。