JavaScriptで文字列の空白削除

JavaScriptで文字列から空白を削除する方法

JavaScriptでは、文字列から空白を削除する方法はいくつかあります。以下にその方法を解説します。

replace()メソッドを使用する

最も一般的な方法は、replace()メソッドを使用することです。このメソッドは、文字列内の特定の文字やパターンを、別の文字やパターンに置き換えます。空白を削除するには、正規表現 / /g を使って、マッチしたすべての空白を空の文字列に置き換えます。

let str = "  Hello, world!  ";
let newStr = str.replace(/\s/g, "");
console.log(newStr); // Output: "Hello,world!"

• g フラグは、文字列全体を検索して、すべてのマッチを置き換えることを指定します。
• /\s/g は、すべての空白文字（スペース、タブ、改行など）にマッチする正規表現です。

split()とjoin()メソッドを使用する

文字列を空白で分割し、その後空白を除いた配列を結合することで、空白を削除できます。

let str = "  Hello, world!  ";
let newStr = str.split(/\s/).join("");
console.log(newStr); // Output: "Hello,world!"

• join("") は、配列の各要素を連結して、新たな文字列を作成します。
• split(/\s/) は、文字列を空白で分割し、配列を作成します。

trim()メソッドを使用する（先頭と末尾の空白のみ）

trim()メソッドは、文字列の先頭と末尾の空白のみを削除します。

let str = "  Hello, world!  ";
let newStr = str.trim();
console.log(newStr); // Output: "Hello, world!"

let str = "  Hello, world!  ";
let newStr = str.replace(/\s/g, "");
console.log(newStr); // Output: "Hello,world!"

• str.replace(/\s/g, "")
  • str: 処理対象の文字列。
  • /\s/g: 正規表現で、すべての空白文字（スペース、タブ、改行など）にマッチします。
  • "": マッチした空白を空の文字列に置き換えます。

let str = "  Hello, world!  ";
let newStr = str.split(/\s/).join("");
console.log(newStr); // Output: "Hello,world!"

let str = "  Hello, world!  ";
let newStr = str.trim();
console.log(newStr); // Output: "Hello, world!"

• str.trim()
  • 文字列の先頭と末尾の空白を削除します。

let str = "  Hello, world!  ";
let newStr = str.split("").filter(char => char !== " ").join("");
console.log(newStr); // Output: "Hello,world!"

• filter(char => char !== " ")
  • 配列の各要素をフィルタリングし、空白以外の文字のみを残します。

文字列を配列に変換し、累積器を使用して空白以外の文字を連結することで空白を削除できます。

let str = "  Hello, world!  ";
let newStr = str.split("").reduce((acc, char) => char !== " " ? acc + char : acc, "");
console.log(newStr); // Output: "Hello,world!"

• reduce((acc, char) => char !== " " ? acc + char : acc, "")
  • 配列の各要素を累積器を使用して処理し、空白以外の文字を連結します。

正規表現とループを使用する

正規表現を使用して空白を検出し、ループを使用して文字列を構築することで空白を削除できます。

let str = "  Hello, world!  ";
let newStr = "";
let regex = /\s/;
for (let char of str) {
  if (!regex.test(char)) {
    newStr += char;
  }
}
console.log(newStr); // Output: "Hello,world!"

• newStr += char
  • 空白以外の文字を新たな文字列に連結します。
• regex.test(char)
  • 正規表現を使用して、文字が空白かどうかを判定します。