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

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

Mary-Kate Olsen
發布: 2024-12-01 01:00:11
原創
998 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板