首頁 >web前端 >js教程 >如何在 JavaScript 中用 `` 取代換行符號?

如何在 JavaScript 中用 `` 取代換行符號?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-01 01:00:111087瀏覽

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