[javascript]　URIからドメインだけ正規表現で取得する

15年前

正規表現によるマッチング。location.hrefにmach()使ってドメイン部分を取り出す。

http://www.google.co.jp/ →　www.google.co.jp
http://example.com/　→　example.com
file:///D:/→　D
http://localhost/hoge/index.html　→　localhost
http://127.0.0.1:8000/　→　127.0.0.1

※表示の都合上、全角の「？」が混じっているので注意

var str = "http://www.google.co.jp/";
var domain = str.match(/^[httpsfile]+:\/{2,3}([0-9a-z\.\-:]+?):？[0-9]*?\//i)[1];
alert(domain);

変数domainは配列になり、domain[0]にはプロトコルからドメイン後ろのスラッシュまで、
domain[1]にはドメイン部分のみが格納されます。
変数strをlocation.hrefにすると、表示しているページのURIがマッチング対象になる。

正規表現の解説

詳しい解説はとほほさんのリファレンス参照。

/^[httpsfile]+:\/{2,3}([0-9a-zA-Z\.\-:]+?):?[0-9]*?\//i

//
new RegExp()の代わりにバックスラッシュ２つ
/^/
先頭から開始する^（アクサンシルコンフレックス）記号を先頭に追加
/^[httpsfile]+/
プロトコル判別の条件を追加。http・https・ftp・fileにヒットさせるため、[]（大カッコ）で文字を指定。
カッコ内の文字いずれかが１文字以上続くので＋（プラス）を後ろにつける。
/^[httpsfile]+\/{2,3}/
/(スラッシュ)は\（バックスラッシュ）をつけてエスケープしておく。
fileの場合に３本つくので、{}（中カッコ）で２本または３本という条件を後ろにつける。
/^[httpsfile]+\/{2,3}()/
ドメイン部分だけ取得するため、()（小カッコ）で取り出す範囲を指定する。
/^[httpsfile]+\/{2,3}([0-9a-zA-Z\.\-:]+?)/
ドメインの文字は0～9、a～z、ドット、ハイフン、コロンの組み合わせなので、
[]（大カッコ）でこれらの文字を範囲指定し、後ろに＋（プラス）を付ける。
このヒットは１回だけでいいので、プラスの後に?（疑問符）もつけておく。
/^[httpsfile]+\/{2,3}([0-9a-zA-Z\.\-:]+?):?[0-9]*?/
127.0.0.1:8000の「:8000」部分があった場合にマッチする条件を追加。
:?　→　コロンが１つあるかもしれないしないかもしれない
[0-9]*?　→　数字がいくつかあるかもしれないしないかもしれない
/^[httpsfile]+\/{2,3}([0-9a-zA-Z\.\-:]+?):?[0-9]*?\//
末尾に最初のバックスラッシュを追加。
/^[httpsfile]+:\/{2,3}([0-9a-zA-Z\.\-:]+?):?[0-9]*?\//i
iをつけると大文字小文字の区別をしなくなる。

正規表現の解説

シェア