JavaScriptで文字列の改行をスッキリ削除！3つの方法を徹底解説

2024-05-25

JavaScript で文字列からすべての改行を削除する方法

このチュートリアルでは、JavaScript で文字列からすべての改行を削除する方法について説明します。3つの方法を紹介します。

replace() メソッド
正規表現
**trim()メソッドとsplit()` メソッド

それぞれの方法について、詳細な説明とコード例を交えて解説します。

replace() メソッドは、文字列の一部を別の文字列に置き換えるために使用されます。この方法では、改行文字 (\n) を空文字列 ('') に置き換えることで、すべての改行を削除することができます。

const text = "This is a string\nwith multiple\nlines.";

const newText = text.replace(/\n/g, '');
console.log(newText); // Output: This is a stringwith multiplelines.

方法 2: 正規表現

正規表現は、より複雑な文字列操作に使用できます。この方法では、改行文字 (\n) を含むすべての空白文字を削除することができます。

const text = "This is a string\nwith multiple\nlines.";

const newText = text.replace(/\s+/g, '');
console.log(newText); // Output: Thisisastringwithmultiplelines.

trim() メソッドは、文字列の先頭と末尾にある空白文字を削除します。split() メソッドは、文字列を区切り文字で分割し、配列に変換します。この方法では、改行文字 (\n) を区切り文字として使用し、配列の要素を結合することで、すべての改行を削除することができます。

const text = "This is a string\nwith multiple\nlines.";

const lines = text.split('\n');
const newText = lines.join('');
console.log(newText); // Output: This is a stringwith multiplelines.

上記で紹介した3つの方法は、いずれも JavaScript で文字列からすべての改行を削除するために使用できます。どの方法を使用するかは、状況や好みに合わせて選択してください。

補足

上記のコード例は、単一の改行文字 (\n) を対象としています。Windows 環境 (\r\n) で作成されたテキストを処理する場合は、正規表現 /\r?\n/g を使用する必要があります。
空白文字だけでなく、他の不要な文字も削除したい場合は、replace() メソッドや正規表現で適切なパターンを指定する必要があります。

const text = "This is a string\nwith multiple\nlines.";

const newText = text.replace(/\n/g, '');
console.log(newText); // Output: This is a stringwith multiplelines.

const text = "This is a string\nwith multiple\nlines.";

const newText = text.replace(/\s+/g, '');
console.log(newText); // Output: Thisisastringwithmultiplelines.

const text = "This is a string\nwith multiple\nlines.";

const lines = text.split('\n');
const newText = lines.join('');
console.log(newText); // Output: This is a stringwith multiplelines.

説明

上記のコードは、いずれの方法でも、変数 text に格納された文字列に対して処理を行います。
replace() メソッドは、正規表現 /\n/g を使用して、すべての改行文字 (\n) を空文字 ('') に置き換えます。
正規表現 /\s+/g は、すべての空白文字 (\s) を1つの空白文字に置き換えます。その後、trim() メソッドを使用して、先頭と末尾の空白文字を削除します。
split() メソッドは、改行文字 (\n) を区切り文字として使用して、文字列を配列 lines に分割します。その後、join() メソッドを使用して、配列の要素を空文字 ('') で結合し、新しい文字列を作成します。
いずれの方法でも、処理後の文字列は変数 newText に格納されます。

上記のコードは、基本的な例です。実際の使用状況に合わせて、必要に応じてコードを調整してください。
複数の改行文字 (\r\n) を処理する場合は、正規表現を /\r?\n/g に変更する必要があります。

JavaScript で文字列からすべての改行を削除するその他の方法

方法 4: ループと charAt() メソッド

この方法は、ループを使用して文字列の各文字を反復し、改行文字 (\n) に一致する文字をスキップすることで、すべての改行を削除します。

const text = "This is a string\nwith multiple\nlines.";
let newText = '';

for (let i = 0; i < text.length; i++) {
  if (text.charAt(i) !== '\n') {
    newText += text.charAt(i);
  }
}

console.log(newText); // Output: This is a stringwith multiplelines.

方法 5: charCodeAt() メソッドと fromCharCode() メソッド

この方法は、charCodeAt() メソッドを使用して各文字の文字コードを取得し、改行文字 (\n) の文字コードと比較することで、すべての改行を削除します。その後、fromCharCode() メソッドを使用して、文字コードを文字に変換し、新しい文字列を作成します。

const text = "This is a string\nwith multiple\nlines.";
let newText = '';

for (let i = 0; i < text.length; i++) {
  const charCode = text.charCodeAt(i);
  if (charCode !== 10) {
    newText += String.fromCharCode(charCode);
  }
}

console.log(newText); // Output: This is a stringwith multiplelines.

方法 4 は、ループを使用して文字列の各文字を反復します。charAt() メソッドを使用して、現在のインデックスにおける文字を取得します。if ステートメントを使用して、現在の文字が改行文字 (\n) でない場合のみ、新しい文字列 newText に追加します。
方法 5 は、charCodeAt() メソッドを使用して、現在のインデックスにおける文字の文字コードを取得します。if ステートメントを使用して、現在の文字の文字コードが改行文字 (\n) の文字コード (10) と等しくない場合のみ、fromCharCode() メソッドを使用して文字コードを文字に変換し、新しい文字列 newText に追加します。

これらの方法は、状況に応じて役立つ可能性があります。どの方法を使用するかは、個人の好みや要件によって異なります。

javascript regex string