JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの正規表現を使って文字列の特定部分を削除する方法

JavaScriptでは、正規表現（RegExp）と replace() メソッドを組み合わせることで、文字列の中から指定した2つの区切り文字に挟まれた部分を簡単に削除できます。

基本的な考え方

たとえば、括弧「( )」で囲まれたテキストを削除したい場合は、次のような正規表現パターンを使用します。

  • / *\([^)]*\) */g — 括弧とその中身、および前後の空白にマッチします。
  • \( と \) — 開き括弧と閉じ括弧そのものにマッチします。
  • [^)]* — 閉じ括弧以外の任意の文字列にマッチします。
  • 末尾の g フラグ — 文字列内のすべての該当箇所を置換対象にします。

サンプルコード

以下は、文字列から括弧内のテキストを削除する実際のコード例です。ブラウザで実行して動作を確認してみてください。

<html>
   <head>
      <script>
         var str = "Welcome to Qries (website)";
         document.write(str);
         
         // 括弧内のテキストを削除
         document.write("<br>" + str.replace(/ *\([^)]*\) */g, ""));
      </script>
   </head>
   
   <body>
   </body>
</html>

実行結果

このコードを実行すると、画面には次のように表示されます。

1行目：Welcome to Qries (website)
2行目：Welcome to Qries

元の文字列には (website) が含まれていますが、replace() メソッドによって括弧ごと削除され、「Welcome to Qries」というすっきりした文字列が出力されます。

応用：別の区切り文字を使う場合

同じ手法は、括弧以外の区切り文字にも応用できます。例えば、角括弧「[ ]」で囲まれた部分を削除したい場合は、パターンを / *\[[^\]]*\] */g のように変更するだけで対応できます。削除したい区切り文字に合わせて正規表現を調整することで、さまざまなケースに柔軟に対応可能です。

  1. JavaScriptでテキストを切り替える（トグルする）方法を解説

    JavaScriptを使えば、ボタンをクリックするたびに表示されるテキストを切り替える（トグルする）処理を簡単に実装できます。ここでは、innerHTMLプロパティと条件分岐を組み合わせた、最も基本的なテキスト切り替えの方法をサンプルコード付きで解説します。実装コード例<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>  

  2. JavaScriptで文字列から特定の文字を削除する方法｜split()とjoin()を活用

    文字列から区切り文字を取り除く関数を作る JavaScriptでは、元の文字列と削除したい部分文字列（区切り文字）の2つの引数を受け取り、その区切り文字がすべて取り除かれた新しい文字列を返す関数 shedString() を簡単に実装できます。 たとえば、次のように呼び出した場合： shedString(12/23/2020, /); この関数は以下の結果を返します。 12232020 それでは、実際のコードを見ていきましょう。 実装例 ポイントは、split() で文字列を区切り文字ごとに分割し、その配列をjoin() で空文字を挟んで再結合するという流れです。 const shedStr