正規表現で、指定していない文字が許可される件(バックスラッシュ)

Question

emailのドメインに関するバリデーションを作成しています。

ドメイン一覧

xxx.co.jp
xxx.com
xxx-xxx.co.jp
xxx-xxx.com

上記のドメインを基本的に許可するような正規表現を作成しました。
正規表現は下記の通りです。

/^[A-Za-z0-9]{1}[A-Za-z0-9-.]{1,}[A-Za-z0-9_.-]{1,}[A-Za-z]{1}$/

上記4つのドメインは問題なく通るのですがなぜか下記の文字列も通ってしまいます。

xx\-xxx.com

正規表現ないでバックスラッシュを指定していないのにバックスラッシュが許可されているのが謎です。
何が問題なのか教えていただけるとありがたいです。

「javascript 正規表現 バックスラッシュ」で検索してみましたが、特殊文字の取り扱いについて言及されているものばかりでした。
すみませんがよろしくお願いします。

上記のドメイン(xx-xxx.com)が通ってしまう判断をした方法
googleの検証ツール→コンソール

re = /^[A-Za-z0-9]{1}[A-Za-z0-9-.]{1,}[A-Za-z0-9_.-]{1,}[A-Za-z]{1}$/
re.test('xx\-xxx.com')

// < true

Comments

[otn]

console.log('xx\-xxx.com')
としてみれば良かったですね。

Answer 1

xx-xxx.com

それは単にxx-xxx.comと評価されているからでしょう

const reg=/^[A-Za-z0-9]{1}[A-Za-z0-9-.]{1,}[A-Za-z0-9_.-]{1,}[A-Za-z]{1}$/;
const txt1="xx-xxx.com";
const txt2="xx\-xxx.com";
const txt3="xx\-xxx.com";
console.log(txt1===txt2);//true
console.log(txt1.length);//10
console.log(reg.test(txt1));//true
console.log(txt2.length);//10
console.log(reg.test(txt2));//true
console.log(txt3.length);//11
console.log(reg.test(txt3));//false

Comments

[jones]

早速のご回答ありがとうございます。
text3の場合は\も文字列として判定されているということになるのですね。

[yambejp]

「\」という文字を認識させるために「\」と表記します
二文字あわせて「\」なので文字数は11文字です

[jones]

なるほど。理解できました。ありがとうございます!