4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

javascript 正規表現 test を使って、完全一致 部分一致 をあぶり出せ

Posted at

条件分岐で test をよく使います。
test は正規表現パターンと文字列の一致を true, false で返します。

完全一致、部分一致、前方一致、後方一致など、使い方を忘れやすいのでまとめます。

基本的な使い方はこれ。

/パターン/.test('検索したい文字列')

// 例 (URLに qiita が含まれるか)
const url = window.location.href
if ( /qiita/.test(url) ) {
  console.log('qiita')
}

完全一致

単数
^(先頭が一致) と $(末尾が一致)を使う。
=== を使えば良いのであまり使わないけど・・・)

/^qiita$/.test('検索したい文字列')

複数
() で囲って | でつなぐ。

/^(qiita|hoge|huge)$/.test('検索したい文字列')

部分一致

完全一致がわかれば簡単。
^$ を取るだけ。

// 単数
/qiita/.test('検索したい文字列')

// 複数
/qiita|hoge|huge/.test('検索したい文字列')

前方一致 後方一致

これも簡単。
() でくくって、
前方一致なら先頭に ^
後方一致なら末尾に $ をつける。

// 前方一致 単数
/^qiita/.test('検索したい文字列')

// 前方一致 複数
/^(qiita|hoge|huge)/.test('検索したい文字列')

// 後方一致 単数
/qiita$/.test('検索したい文字列')

// 後方一致 複数
/(qiita|hoge|huge)$/.test('検索したい文字列')

大文字小文字どちらでも一致させる

正規表現のオプション i をつける。

/qiita/i.test('検索したい文字列')
4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?