JavaScriptで文字列から指定した部分文字列を削除する方法

JavaScriptでは、メインの文字列と削除したい部分文字列（セパレーター）を受け取り、その部分文字列を取り除いた新しい文字列を返す関数を作成できます。ここでは、removeString() という名前の関数を例に、その実装方法を解説します。

たとえば、ハイフン（-）が区切り文字として含まれる次のような文字列を考えてみましょう。

this-is-a-string

この文字列からハイフンをすべて削除したい場合、split() メソッドと join() メソッドを組み合わせることで簡単に実現できます。

実装コード

以下が removeString() 関数の実装例です。

const removeString = (string, separator) => {
  // 文字列を区切り文字で分割する
  const separatedArray = string.split(separator);
  // 分割された配列を空文字で連結して元に戻す
  const separatedString = separatedArray.join("");
  return separatedString;
}
const str = removeString('this-is-a-sting', '-');
console.log(str);

処理の流れ

この関数の仕組みは非常にシンプルです。

• split(separator): 指定した区切り文字を基準に文字列を配列へ分割します。上記の例では、["this", "is", "a", "sting"] という配列が生成されます。
• join(""): 分割された配列の要素を空文字（""）で連結し、区切り文字を含まない1つの文字列を再構築します。

実行結果

このコードをコンソールで実行すると、次の出力が得られます。

thisisastring

このように、split() と join() を組み合わせるだけで、正規表現や replace() を使わずに特定の部分文字列を文字列から簡単に除去できます。なお、複雑なパターンの削除が必要な場合は replace() メソッドを正規表現と併用する方法も検討するとよいでしょう。