JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで改行をスペースに置き換える方法をわかりやすく解説

JavaScriptで文字列内の改行（\n）をスペースに置き換えるには、replace()メソッドを使用します。第1引数に正規表現 /\n/g を指定し、第2引数に置換後の文字列として半角スペースを渡すだけで実現できます。

ポイント：gフラグを忘れずに

正規表現の末尾に付ける g フラグは、文字列内のすべての改行を置換対象にするために必須です。このフラグを付け忘れると、最初に見つかった1箇所の改行しか置換されないため注意しましょう。

サンプルコード

以下のコードを実行すると、replace()メソッドを使って改行をスペースに置き換える動作を確認できます。

<!DOCTYPE html>
<html>
   <body>
   <p>Words:</p>
      <script>
         var words = "a\nb\nc\nd\ne\nf";
         words = words.replace(/\n/g, " ");
         document.write(words);
      </script>
   </body>
</html>

実行結果

a b c d e f

このように、変数 words に格納された文字列「a\nb\nc\nd\ne\nf」内のすべての改行がスペースに置き換えられ、1行のテキストとして出力されます。改行区切りのデータを整形したい場合などに便利なテクニックなので、ぜひ活用してください。

  1. JavaScriptでオートコンプリート（入力補完）機能を実装する方法

    JavaScriptによるオートコンプリートの実装検索フォームなどでユーザーの入力に合わせて候補を自動的に表示する「オートコンプリート（入力補完）」機能は、JavaScriptを使えばライブラリなしでも実装できます。本記事では、配列に格納されたデータを候補として表示し、マウスクリックやキーボード操作で選択できるオートコンプリートの作り方を、完全なサンプルコードとともに解説します。実装のポイントこのサンプルでは以下のような仕組みでオートコンプリートを実現しています。inputイベント：テキストフィールドに入力があるたびに発火し、入力値と前方一致する項目を候補リストとして動的に生成します。キーボー

  2. JavaScriptでテキストを切り替える（トグルする）方法を解説

    JavaScriptを使えば、ボタンをクリックするたびに表示されるテキストを切り替える（トグルする）処理を簡単に実装できます。ここでは、innerHTMLプロパティと条件分岐を組み合わせた、最も基本的なテキスト切り替えの方法をサンプルコード付きで解説します。実装コード例<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>