jQueryに学ぶJavascriptの基礎(3) 正規表現──jQuery解読(18)

• 「jQuery解読によるJavascript学習」関連エントリイ一覧 in this Blog

jQuery解読作業を進めるにつれ、Javascriptの基礎が如何に分かっていないか、ほぼ毎日のように痛感させられます。その意味ではjQuery解読は無謀なチャレンジであった訳ですが、それでも誤謬を犯すマイナスを埋め合わせて遙かに余りあるプラスがあることも毎日自覚されるので、恥を忍んで引き続きjQuery解読を進めるつもりでいます。

しかし、基礎の基礎が余りに分かってない自分に嫌気が指してきてしまい、匙を投げ出すような醜態は演じたくありません。そこで、自戒を込めて敢えて誤解していたこと、理解していなかったこと、不十分な理解に留まっていたことなどについて、つらつらと記述していきたい、と思います。

jQuery.js は正規表現の勉強にも最適である

正規表現文字列の奇々怪々、何がなにやらさっぱり訳が分からない記号の羅列を見れば、this の難解さなど赤子の手をひねるに等しい水準だと言えるでしょう（苦笑）。その奇々怪々な文字列が、jQuery では、様々なシーンで活用されています。

jQuery.js に登場する20箇所以上の正規表現について、ここに論じても余り意味がないでしょうが、普段余り見かけない利用方法について学習を深めることは意義深いと思います。

話題にするのは、３つ。参照対象とする部分文字列と非参照対象の部分文字列、そして非貪欲な繰り返し、です。

部分文字列

それは () で括られた一塊の文字列のことですが、塊として位置づける意味は、後でその文字列を参照したい場合、及び参照はしないが一塊の文字列として認識させたい場合とに分かれるようです。

これらの参照/非参照の部分文字列を指定しているケースについて

その端的な例は次の２例です。（左の数字はjQuery.jsにおける行数です）

　31: var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#(\w+)$/;
1202: /^(\[) *@?([\w-]+) *([!*$^~=]*) *('?"?)(.*?)\4 *\]/,

色別で部分文字列の区別を分かりやすく表示しましたが、jQuery.js ではこれらの部分指定を活用してその部分を随意に取りだして利用しているのです。

31行の場合の部分文字列の活用内容は既に言及しましたので（　インスタンスの初期化：init()──jQuery解読(5)、ここでは1202行について解読しようと思います。

1202行は jQuery.parse プロパティを定義する箇所の一部です。コード本体の説明にあるように、 Match: [@value='test'], [@foo] を探すための正規表現文字列です。なおこのparseプロパティが使用されている箇所はjQuery.filer() メソッドの 1433行１箇所だけです。

さてこの正規表現文字列は、連想配列のキー文字として @value='test' や @foo の形式の文字列を探すために一般化されて定義されたものです。

1. ^(\[)……先頭文字が [ の意。これは部分文字列１に指定されている。
2. @?([\w-]+) ……@があるかなくて、その後に単語文字かマイナスが１以上。この1以上の単語文字が部分文字列２に指定されている。
3. ([!*$^~=]*)……部分文字列３。！、*、$、^、~、又は = がゼロ個以上
4. ('?"?)……部分文字列４。' がゼロ個以上で、 " がゼロ個以上続く文字列
5. (.*?)……非参照部分文字列。何らかの文字がゼロ個以上。なおこの ? は後述する「非貪欲な繰り返し」指定のため。
6. \4……部分文字列４を参照する。

▲ToTop

非貪欲な繰り返しについて

これはむしろ吝嗇な繰り返しとか、貧弱な繰り返しと言った方が分かりやすいのではないかと思いますが、『Javascript 第５版』に倣って「非貪欲な」繰り返しと表現しておきます。

この用法もjQuery.jsで初めて遭遇したもので、Javascript1.5以降に実装されたそうです。繰り返し文字の最後に ? を付けると非貪欲な繰り返しになるのだそうです。例：??、+?、*? 等々。

これが登場するのは上に見た 1202 行 や 778 行で、後者は clean() インスタンスメソッドの中です。

 778:  arg = arg.replace(/(<(\w+)[^>]*?)\/>/g, function(m, all, tag){

行の中程にある [^>]*? です。これは > でない文字のゼロ個以上の非貪欲な繰り返し 、ということになります。つまり、 > ではない文字(列)を見つけた場合の最初の文字だけを意味することになります。

──────