首页 >web前端 >js教程 >如何在 JavaScript 中用 `` 替换换行符?

如何在 JavaScript 中用 `` 替换换行符?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-01 01:00:111089浏览

How to Replace Line Breaks with `` in JavaScript?

如何用
替换换行符使用 JavaScript 的元素

问题:
将给定字符串中的所有换行符转换为 HTML
>元素,用适合网页显示的换行符替换普通换行符。

示例:

考虑包含换行符的字符串,如下所示:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

JavaScript 转换后所需的输出应该出现例如:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."

解决方案:

要实现此转换,请使用以下 JavaScript代码:

str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');

解释:

  • (?:rn|r|n):此正则表达式模式匹配所有类型的换行符,包括回车符返回 (r) 和换行符 (n)。
  • g:g 标志确保所有匹配项Replaced.

  • :替换字符串是 HTML
    >元素,代表换行符。

非捕获组 (?:...)::

  • 它防止匹配的换行符被捕获并存储在内存中,有助于提高性能和内存使用率。

以上是如何在 JavaScript 中用 `` 替换换行符?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn