ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで改行を「」に置き換えるにはどうすればよいですか?

JavaScriptで改行を「」に置き換えるにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-01 01:00:11
オリジナル
998 人が閲覧しました

How to Replace Line Breaks with `` in JavaScript?

改行を
に置き換える方法JavaScript を使用する要素

問題:
指定された文字列内のすべての改行を HTML に変換します
要素を使用して、単純な改行を Web 表示に適した改行に置き換えます。

例:

次のように改行を含む文字列を考えます:

"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 フラグにより​​、すべての一致が保証されます。 replace.

  • : 置換文字列は HTML
    です。改行を表す要素。

非キャプチャ グループ (?:...)::

  • 一致した改行がキャプチャされないようにします。メモリに保存されるため、パフォーマンスとメモリ使用量が向上します。

以上がJavaScriptで改行を「」に置き換えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート