JavaScript、jQuery、正規表現を使って、文字列内の複数のスペースを1つのスペースに置き換える方法

JavaScript、jQuery、正規表現を使って、複数のスペースを1つのスペースに置き換える方法

このページでは、JavaScript、jQuery、正規表現を使って、文字列内の複数のスペースを1つのスペースに置き換える方法について解説します。

// JavaScript

// 文字列
const str = "これは   テストです   ";

// 正規表現
const regex = /\s+/g;

// replace() メソッドを使って、複数のスペースを1つのスペースに置き換える
const replacedStr = str.replace(regex, " ");

// 結果
console.log(replacedStr); // "これは テストです "


// jQuery

// 文字列
const $str = $("p").text();

// 正規表現
const regex = /\s+/g;

// replace() メソッドを使って、複数のスペースを1つのスペースに置き換える
const $replacedStr = $str.replace(regex, " ");

// 結果
$("p").text($replacedStr);


// 正規表現

// 正規表現
const regex = /\s+/g;

// 文字列
const str = "これは   テストです   ";

// exec() メソッドを使って、すべてのスペースを1つのスペースに置き換える
let replacedStr = str;
while ((match = regex.exec(str)) !== null) {
  replacedStr = replacedStr.replace(match[0], " ");
}

// 結果
console.log(replacedStr); // "これは テストです "

解説

上記のコードでは、以下の方法で複数のスペースを1つのスペースに置き換えています。

1. 正規表現

補足

• 上記のコードは、基本的な方法を示しています。
• 実際の使用例では、必要に応じてコードを修正する必要があります。

JavaScript

// 文字列
const str = "これは   テストです   ";

// 正規表現
const regex = /\s+/g;

// replace() メソッドを使って、複数のスペースを1つのスペースに置き換える
const replacedStr = str.replace(regex, " ");

// 結果
console.log(replacedStr); // "これは テストです "

jQuery

// 文字列
const $str = $("p").text();

// 正規表現
const regex = /\s+/g;

// replace() メソッドを使って、複数のスペースを1つのスペースに置き換える
const $replacedStr = $str.replace(regex, " ");

// 結果
$("p").text($replacedStr);

// 正規表現
const regex = /\s+/g;

// 文字列
const str = "これは   テストです   ";

// exec() メソッドを使って、すべてのスペースを1つのスペースに置き換える
let replacedStr = str;
while ((match = regex.exec(str)) !== null) {
  replacedStr = replacedStr.replace(match[0], " ");
}

// 結果
console.log(replacedStr); // "これは テストです "

応用例

• 入力フォームに入力された文字列から、余分なスペースを削除する
• テキストファイルの内容から、複数のスペースを1つのスペースに置き換える

複数のスペースを1つのスペースに置き換える他の方法

以下に、いくつかの方法を紹介します。

trim() メソッドと split() メソッド

// 文字列
const str = "これは   テストです   ";

// trim() メソッドを使って、両端のスペースを削除
const trimmedStr = str.trim();

// split() メソッドを使って、スペースで文字列を分割
const splittedStr = trimmedStr.split(" ");

// filter() メソッドを使って、空の要素を削除
const filteredStr = splittedStr.filter(Boolean);

// join() メソッドを使って、配列を1つの文字列に結合
const replacedStr = filteredStr.join(" ");

// 結果
console.log(replacedStr); // "これは テストです "

replaceAll() メソッド

// 文字列
const str = "これは   テストです   ";

// replaceAll() メソッドを使って、すべてのスペースを1つのスペースに置き換える
const replacedStr = str.replaceAll(/\s+/g, " ");

// 結果
console.log(replacedStr); // "これは テストです "

正規表現と forEach() メソッド

// 正規表現
const regex = /\s+/g;

// 文字列
const str = "これは   テストです   ";

// マッチしたすべてのスペースを1つのスペースに置き換える
const replacedStr = str.replace(regex, (match) => {
  return " ";
});

// 結果
console.log(replacedStr); // "これは テストです "

Lodash ライブラリを使用すると、_.trim() や _.compact() などの関数を使って、簡単に複数のスペースを1つのスペースに置き換えることができます。

// Lodash ライブラリの読み込み
const _ = require("lodash");

// 文字列
const str = "これは   テストです   ";

// _.trim() メソッドを使って、両端のスペースを削除
const trimmedStr = _.trim(str);

// _.compact() メソッドを使って、空の要素を削除
const replacedStr = _.compact(trimmedStr.split(" "));

// 結果
console.log(replacedStr); // "これは テストです "