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

JavaScriptの正規表現（RegExp）でタブ文字を検索する方法

JavaScriptの正規表現（RegExp）を使ってタブ文字を検索するには、特殊文字 \t を使用します。このメタ文字は、文字列内のタブ（水平タブ）に一致します。

タブ文字に一致させる正規表現

正規表現パターンとして以下のように記述します。

\t

サンプルコード

次のコードでは、search() メソッドと正規表現 /\t/ を組み合わせて、文字列内に含まれるタブ文字（\t）を検索しています。マッチが見つかった場合、その位置（インデックス番号）が返されます。

<html>
   <head>
      <title>JavaScript Regular Expression</title>
   </head>
   <body>
      <script>
         var myStr = "Simple \t Responsive!";
         var reg = /\t/;
         var match = myStr.search(reg);

         document.write(match);
      </script>
   </body>
</html>

実行結果

上記の例では、文字列「Simple \t Responsive!」の中でタブ文字は7番目の位置（インデックス7）にあるため、出力結果は 7 となります。なお、search() メソッドはマッチが見つからなかった場合に -1 を返すため、検索結果の判定にも利用できます。

  1. CSSとJavaScriptでタブヘッダーを作成する方法をわかりやすく解説

    CSSとJavaScriptを組み合わせることで、クリックすると表示内容が切り替わる「タブヘッダー」を簡単に作成できます。この記事では、実際に動作するサンプルコードを使いながら、タブUIの実装方法をステップごとに解説します。完成イメージ今回作成するのは、「日付」「時間」「会場」の3つのタブを持つ試合スケジュール画面です。各ボタンをクリックすると、対応するコンテンツだけが表示され、クリックされたボタンの背景色も変化します。サンプルコード全体<!DOCTYPE html> <html> <head> <meta name="viewport&qu

  2. JavaScriptのRegExp（正規表現）オブジェクトとは？基本の使い方をわかりやすく解説

    RegExp（正規表現）オブジェクトは、テキストに対してパターンマッチングを行い、目的の文字列部分を検索・抽出するために使用されます。JavaScriptでは、RegExpオブジェクトを「RegExpコンストラクタ」または「リテラル構文」の2通りの方法で作成できます。 RegExpオブジェクトの作成方法 コンストラクタを使用する場合： new RegExp(pattern) リテラル構文を使用する場合： /pattern/ 主なメソッド test()：文字列がパターンに一致するかどうかを真偽値（true / false）で返します。 exec()：パターンに一致した文字列を返します。