JavaScriptで「.」の正規表現がわかりません

Question

###実現したいこと
JavaScriptの正規表現で、URLを判定したいです。

■判定したいURL
https://【不明な文字】.fuga.com/color/【不明な文字】

■例えば
https://something.fuga.com/color/something

###試したこと
こちらのご説明によれば下記のハズですが出来ず、
'^https://[^/].fuga.com/color/[^/]'

こちらのご説明によれば下記のハズですがこれも出来ず、
'^https://[^/]./fuga.com/color/[^/]'

こちらのご説明によれば下記のハズですがやはり出来ず、
'^https://[^/]/./fuga.com/color/[^/]'

あとはバックスラッシュを２つ入れたりしても出来ず、
'^https://[^/]\.fuga.com/color/[^/]'

あれやこれやと探っていくうちに１時間くらい経ってしまい、teratail様を思い出しました。
皆様、どうぞ宜しくお願い致します。

###追記1
ちなみにこれはできてますので、「https://」の次の「.」だけが問題のようです。
'^https://hoge.com/[^/]'

###追記2
実際のチェックスクリプトです。３つのvar urlのうち、下のだけがなぜかerrorです。

// 対象のURL	
var url = 'https://hoge.com/something'; // allowでよし
var url = 'https://hoge.com/shape#page=1'; // allowでよし
var url = 'https://something.fuga.com/color/something'; // なぜかerror

// hoge
var hoge_array = [
  '^https://hoge.com/[^/]', 
  '^https://hoge.com/[^/]/shape\#page=[0-9:]',
];
var hoge = new RegExp(hoge_array.join('|'));	

// fuga
var fuga_array = [
  '^https://[^/].fuga.com/color/[^/]',
];
var fuga = new RegExp(fuga_array.join('|'));	

// チェック	
if ( url.match(hoge) || url.match(fuga) ) {					
  console.log('allow');
}	else {			
  console.log('error');
} 

  

Comments

[m.ts10806]

.comの.のほうをエスケープ入れても同じですか？

[cuteboy]

追記させて頂きました。

[退会済みユーザー]

前の方は、/[^/]+
後ろの方は/[^/]*

現状だと"/"以外の１文字しかマッチしないのでは？

[cuteboy]

実際に数文字がチェックできているのですが、どうなんでしょうね。

[cuteboy]

解決しました。お二人ともありがとうございました。

[think49]

https://foo.bar.fuga.com/ にマッチするのは期待通りですか。間違い/正しいを論ずる場合は「要件」を明らかにして下さい。

[think49]

入れ違いでしたね。

[m.ts10806]

解決されたようで何よりです

Answer 1

まず大前提としてですが、JavaScriptの正規表現は、専用のリテラルがあります。外側は'...'ではなく/.../です。途中に入る/は、区切りとの区別のために、/と書く必要があります。

そして、タイトルにかかわる内容ですが、ピリオドについては本来.と書くべきものですが、うっかり.と書いてしまったとしても「任意の1文字」にピリオド自身も含まれるので、余計なものがヒットすることはありますが、ヒットしなくなることはありません。

本当の問題は「【不明な文字】」のところで、[^/]では1文字にしかヒットしないので、これを+で繰り返す必要があります。

var regex = /^https://[^/]+.example.com/color//

（後半の「【不明な文字】」の箇所については、前方一致とすることで省略しています）

Comments

[cuteboy]

いえ、違うみたいです。実際のスクリプトを「追記2」として質問に記載させて頂きましたので、もしよろしければ。

[maisumakun]

new RegExpしていたのですね。だと1つ目のリテラルの件は関係ないですが、残りは共通です。

[cuteboy]

？

[maisumakun]

「.と.」の件と「[^/]が1文字としか一致しない」件については、文字列からnew RegExpする場合にも共通します。

[cuteboy]

逆になぜ、そのご回答の書き方ではない hoge.com の方（３つある「var url」の最初の２つ）は、きちんとチェックができているのでしょうか？

[cuteboy]

hoge.com の方（３つある「var url」の最初の２つ）は、

[^/]+
としないで、
[^/]
だけでチェックできていますよね？

あとバックスラッシュの数も違いますし。

[maisumakun]

特に$などを書かない場合、正規表現は部分一致（今回は^があるので前方一致）なので、ヒットした後に文字が残ってても問題なく処理されるからです。

「^https://hoge.com/[^/]」は「https://hoge.com/something」や「https://hoge.com/shape#page=1」のうち、「https://hoge.com/s」にヒットします。

[cuteboy]

ということは、「追記2」の hoge.com の方をチェックする正規表現は間違っているということですよね？
あと「$」は終わりに書いた方がいいでしょうか？
ぶっちゃけ早い話、「追記2」を正しく書くとどうなりますか？

[maisumakun]

末端を気にしないのを逆用して、「^https://hoge.com/」だけで両方にヒットさせる、というのがいちばん手軽かと思います。

[cuteboy]

たとえば「$」を追加して、こうした方がいいとか？そのような正しい書き方を教えて頂ければと。
'^https://[^/]+.fuga.com/color/[^/]+$'

[cuteboy]

すみません入れ違いでした。なるほど。逆に利用。いいですね。ありがとうございます。