JavaScript で空白を削除する

Muhammad Muzammil Hussain 2023年6月20日
  1. JavaScript で trim() メソッドを使用して空白を削除する
  2. JavaScript で replace() メソッドを使用して空白を削除する
JavaScript で空白を削除する

JavaScript では、trim()replace() などのデフォルトの JavaScript 文字列メソッドを使用して、文字列から単一または複数のスペースを削除できます。

JavaScript で trim() メソッドを使用して空白を削除する

trim() メソッドは、JavaScript で宣言された文字列の両側から余分な空白を削除します。 以下の例では、スペースを含む文字列を初期化し、両端のスペースを置き換えるトリム メソッドをテストします。

コード例:

<script>
let string = "    Delft stack is a best website   "
let result = string.trim()
console.log("original string: "+string)
console.log("updated string: "+result)
</script>

出力:

"original string:     Delft stack is a best website   "
"updated string: Delft stack is a best website"

文字列に対して trim() メソッドを使用して余分なスペースを削除し、新しい結果文字列を生成しました。 結果を確認し、作業方法を区別するために、更新された文字列を表示しました。

JavaScript で replace() メソッドを使用して空白を削除する

replace() は、その文字列の定義された部分を別のものに置き換えるために使用される定義済みのメソッドです。 宣言された完全な文字列から定義された文字列部分を検索し、指定された値に置き換えます。

スペースを含む文字列を初期化し、すべてのスペースを削除する置換メソッドをテストします。 すべてのインスタンスを置き換えるために、修飾子セット (g) を含む正規表現を使用します。

正規表現:

let regex = /\s+/g

コード例:

<script>
let string = "Delft stack is a good website to learn programming"
let regex = /\s+/g
let result = string.replace(regex, '');

console.log("original string: "+string)
console.log("updated string: "+result)
</script>

出力:

"original string: Delft stack is a good website to learn programming"
"updated string: Delftstackisagoodwebsitetolearnprogramming"

上記のコードでは、必要な正規表現 /\s+/g で正規表現変数を初期化しました。 次に、2つの引数 replace(regex,'') を持つ初期化された文字列に対して replace() メソッドを使用しました。

最初の引数では、すべてのスペースを置き換える regex (正規表現) を指定しました。 文字列内のすべてのスペース (" ") を検出し、スペースなし ("") に置き換えます。

関連記事 - JavaScript String