RegExp Archive

ブラウザを正規表現(Regular Expression)を用いて判定するソースコードです。

このボタンを押すとブラウザがアラート表示されます。  

Continue reading

正規表現オブジェクトは下の３つの書き方で生成することが出来ます。例は文字列内の数値をマッチさせる正規表現です。

g    grobal match グローバルマッチ　文字列内のすべてのマッチを配列に格納します。(match, replace,)
i    ignore case (大文字・小文字を無視) アルファベットの大文字と小文字を区別しません。
m    multi lines 複数行の文字列のマッチ

表現で使われる文字の基本的な説明は下のMozila Developer Centerのページで詳しく説明されています。

mozilla developer center Japanese)

mozilla developer center (English)

Strip comments pattern : コメント /* */, // で区切られた文字列のマッチパターン

この replace メソッド を使えばコメントが削除されます。

簡単な説明

すべての文字のパターン：
(\s|\S) = スペースまたはスペース以外の文字
(\d|\D) = 数値または数値以外の文字
[\s\S] [\w\W] [\d\D] なども同じです。

/\/\*(\d|\D)*?\*\//g は、/* から始まってすべての文字が0以上あり */ までの文字にマッチします。 /* ==> \/\*

下のコードは文字列 str のコメント内の文字、/* */ , // のすべてを削除します。

str.replace(/\/\*(\d|\D)*?\*\//gm,"").replace(/(\/\/)([^\n]*)/g,"")

次に、下のコードは http:// や https:// などのコードを保護します。/* */のコメントを削除した後に、:// を/**/ に変換してから最後に元に戻します。

str.replace(/(\/\*)([^\*]*\*+)([^(\/\*)]+[^\*]*\*+)*[\/$]/g,"").replace(/\:\/\//g,"/**/").replace(/(\/\/)([^\n]*)/g,"").replace(/\/\*\*\//g,"://");

上記のように上のコードを組み合わせて replace を使えばコメントを削除することが出来ますが、文字列に" "や ' ' がある場合にバグが発生します。例えば、var str=" /* string */ " の/* string */ にもマッチしてしまいます。

Javascript の Compressor を作る場合は専用の関数を作ることを考えた方がいいかもしれません。 既存の関数だけではかなり効率が悪いものになると思います。

Color Code pattern : カラーコード(#000, #FFFFFF )の文字列のマッチパターン

下の正規表現パターンは、カラーコードにマッチします。

注意： match と replace のパターンは違います。

NOTE: match and replace is not same pattern

RegExp pattern : 正規表現の文字列のマッチパターン

これはガジェットで使っている正規表現のパターンです。/ pattern / で終わるか、/ pattern / のあとにg,i,m,y で終わればマッチします。

Continue reading