機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

JavaScript: 正規表現 置換/真偽値/match

プログラミング

基本

プログラミング
  • 置換
    var str=”foobar-foobar”
    undefined
    str.replace(‘foo’,’bar’)
    “barbar-foobar”

  • 文字列を含むかを真偽値で返す
    var str = “Hello world, welcome to the universe.”;
    str.includes(“world”);
    true

正規表現(regex)

プログラミング
  • replace()
    var re = /(\w+)\s(\w+)/igm;
    var str = ‘John Smith’;
    var newstr = str.replace(re, ‘$2, $1’);
    console.log(newstr); // Smith, John
    Smith, John

  • match()
    var re = /(\w+)\s(\w+)/igm;
    var str = ‘John Smith foobar John Smith’;
    var newstr = str.match(re);
    console.log(newstr); // Smith, John
    VM29918:4 (2) [“John Smith”, “foobar John”]

  • test(): True or false
    var re = /(\w+)\s(\w+)/igm;
    var str = ‘John Smith foobar John Smith’;
    var newstr = re.test(str)
    console.log(newstr);
    VM30242:4 true
    undefined
    var re = /(\w+)\s\n\n\n\n(\w+)/igm;
    var str = ‘John Smith foobar John Smith’;
    var newstr = re.test(str)
    console.log(newstr);
    VM30250:4 false

test()はreplace()などとは相対的に,正規表現パターンをオブジェクトとするので注意
正規表現パターンは別に定義するのが肝.

  • 装飾子

    • i: 大文字と小文字を区別しない一致を実行する
    • g: グローバルマッチを実行する(最初のマッチの後に停止するのではなく、すべてのマッチを見つける)
    • m: 複数行のマッチングを実行する

References:
replace:
https://www.w3schools.com/jsref/jsref_obj_regexp.asp
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/replace
match:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/match
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

この記事で欲しい情報が見つからなかった方へ

この記事の更新情報がある場合があります。
この記事は以下の記事とも関連性があると思われます。

JavaScriptの正規表現マッチでグループマッチを取り出すには
ISO-8601 のデータフォーマットでJavaScriptで時刻を出力するには
JavaScriptでURLエスケープ
JavascriptでHTTP GET
JavaScript 非表示パスワードを表示する ブックマークレット
URLからクエリストリングを削除するJavaScriptを書いた
Webページのリダイレクト速度比較 HTML vs JavaScript vs .htaccess


管理人の方針で、既存の記事の編集はせず、新しい情報や大きな既存情報の更新があった場合には、新しい記事として公開することになっています。
当記事で欲しい情報が見つからなかった・解決に至らなかった場合、これらのリンクがお役に立てるかも知れません。

どうやってこの関連記事を生成しているの?
この機能のPHPソースコード(2500行)

コメントを残す

Close Menu