JavaScriptの正規表現の方法

Question

JavaScriptで、現在のURLを取得し、そのURL内の文字列を抜き取り、関数に渡す処理を行いたいのです。

<script type="text/javascript" src="/usr/file/attachment/aaaaa.js"></script> <script type="text/javascript"> var url = location.href; 正規表現でurlを加工 $(document).ready(function(){ getHtml(○○, 3, "UTF", 0).done(function(result){ $("#SuppInfo").html(result); }).fail(function(result) { $("#SuppInfo").html("最新情報はありません。"); }); }); </script>

例えば、URLがhttp://sample.jp/sample/category/2?site_domain=sample
とした場合、「2」の部分を正規表現で抜出し、getHtmlの○○の部分に渡したいのですが
どのようにしたらいいでしょうか。（2の部分は動的に変わるため、22の時もあれば、500の時もあります）
ご教授をお願いいたします。

Answer 1

パラメータはいくらでも書き換えられます。
例えば「http://sample.jp/sample/category/2?site_domain=sample&x=category/2?」としてもシステムは動いてしまうでしょう。ですのでそのような場合でも誤作動をしないように作るべきです。

この場合はまずpathnameでパラメータを除外すべきです。そしてパスの最後の数字だけを取れば問題ないでしょう。

if (location.pathname.match(/\/(\d+)$/)) {
	console.log(RegExp.$1);
} else {
	console.log("なかった！");
}

「数字は絶対にある、ないことは想定できない」と言う場合なら

location.pathname.match(/\/(\d+)$/);
console.log(RegExp.$1);

だけでいいと思います。

Comments

[think49]

RegExp.$1 は標準ではなく、非推奨です。
String#match マッチした場合に配列を返すのでその配列を使うべきです。
この場合は String#match から RegExp#exec にするとパフォーマンスが向上します。
私の回答では filename の取得に正規表現を使わなくても良いかな、と思って String#slice を使いましたが、この辺りは好みもありそうですね。

Answer 2

検索対象が必ず次のようなパターンで => 「スラッシュ」「対象(数値)」「クエスチョン」
このパターンは文字列中1箇所しか存在しない(URLなら普通そう？)事が確定なら
次のようなコードで抽出可能と思います。

str = "http://sample.jp/sample/category/2?site_domain=sample ";
trg = str.match(/\/(\d+)\?/i);　//\dを\d+に修正しました。
if(trg)trg=trg[1];  // trg=2

参考ページ

Comments

[BANDIT1250FABS]

ご回答いただき、ありがとうございます。
上記のコーディングでも可能ですが、URLの数値が変わった時にはnullになってしまいますよね？

[hirohiro]

本当だすみません。桁が増えるとnullになりますね。
str = "http://sample.jp/sample/category/20?site_domain=sample ";
trg = str.match(/\/(\d+)\?/i);
if(trg)trg=trg[1]; // trg=20
これで動くと思います。投稿のほうも修正しておきますね

Answer 3

下記コードでどうでしょう。

var url = /^(?:[^/?#]*\x2f)*([^#?]*)\?/.exec('http://sample.jp/sample/category/2?site_domain=sample&hoge=/?#&foo=/?#');
url[1]; // "2"

---

書いてから気が付きましたが、location.pathname を使った方がスマートに書けますね。

var pathname = location.pathname,
    filename = pathname.slice(pathname.lastIndexOf('/') + 1);

console.log(filename);