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

要理解此示例,您应了解以下 JavaScript 编程 主题


示例 1:使用 RegEx 替换所有换行符

// program to replace all line breaks in a string with <br>
const string = `I am Learning JavaScript.
JavaScript is fun.
JavaScript is easy.`;

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

console.log(result);

输出

I am Learning JavaScript.<br>JavaScript is fun.<br>JavaScript is easy.

在上面的示例中

  • string 中,RegEx 与 replace() 方法一起使用,将所有换行符替换为 <br>
  • 模式 /(\r\n|\r|\n)/ 用于检查换行符。
  • 模式 /g 用于检查字符串中的所有出现。

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

// program to replace all line breaks in a string with <br>
const string = `I am Learning JavaScript.
JavaScript is fun.
JavaScript is easy.`;

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

console.log(result);

输出

I am Learning JavaScript.<br>JavaScript is fun.<br>JavaScript is easy.

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

split('\n') 方法通过在换行符处拆分,将字符串拆分为 数组 元素。

["I am Learning JavaScript.", "JavaScript is fun.", "JavaScript is easy."]

join('<br>') 方法通过在数组元素之间添加 <br> 来连接数组。

I am Learning JavaScript.<br>JavaScript is fun.<br>JavaScript is easy.

另请阅读

你觉得这篇文章有帮助吗?

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战