正規表現について教えてください

Question

aとbは同じURLですが、www.と最後の/があるかないかの違いがあります

aとb、cとdを正規表現で同じURLであると認識させたいのですがどのような正規表現にしたらいいかわかりません

詳しい方教えて下さい

<script>
window.onload=function(){

a="https://www.yahoo.co.jp/";//比較元
b="https://yahoo.co.jp";//比較先

c="https://yahoo.co.jp/a.html";//比較元
d="https://www.yahoo.co.jp/a.html";//比較先

if(.match(/([A-Za-z]{3,9})(?:://|@)((?:[A-Za-z0-9\-.]+[.:])|(?:www.|[-;:&=+$,\w]+@))([A-Za-z0-9.-]+)([/\-+=&;%@.\w_~()]*)([.!/\\w-?%#~&=+()]*)/)){
}

}
</script>

Answer 1

正規表現を使うのもいいですが、URLインターフェースが手軽だし可読性も高いです。
下記を試してみてください。

const a = new URL("https://www.yahoo.co.jp/");
const b = new URL("https://yahoo.co.jp");
const c = new URL("https://yahoo.co.jp/a.html");
const d = new URL("https://www.yahoo.co.jp/a.html");
console.log(a.host.replace(/^www./,''));
console.log(b.host.replace(/^www./,''));
console.log(c.host.replace(/^www./,''));
console.log(d.host.replace(/^www./,''));
console.log(a.pathname);
console.log(b.pathname);
console.log(c.pathname);
console.log(d.pathname);

.

URL - Web API | MDN

Answer 2

aとbは同じURLですが、www.と最後の/があるかないかの違いがあります

URL 文字列を www. と末尾の / で分割、再結合して比較します。

<script>
window.onload = function(){

  Object.defineProperty(String.prototype, 'patch', {
    get: function() {
      return this.split(/(?<=^.+?://)www.|/$/).join('');
    }
  });

  const a = "https://www.yahoo.co.jp/";       //比較元
  const b = "https://yahoo.co.jp";            //比較先

  const c = "https://yahoo.co.jp/a.html";     //比較元
  const d = "https://www.yahoo.co.jp/a.html"; //比較先

  console.log(
    'a and b are considered ' +
    ((a.patch == b.patch) ? 'same' : 'different') +
    ' URL'
  )

  console.log(
    'c and d are considered ' +
    ((c.patch == d.patch) ? 'same' : 'different') +
    ' URL'
  )
}
</script>

Answer 3

比較対象の二つの文字列aとb、あるいはcとdに対して、

• // の直後に www. があれば、この www.を削除する。
• 文字列の末尾が　/ であれば、この / を削除する。

という処理を行った後の文字列が等しいかどうかを判定すればよいので、たとえば

const eqUrls = (x, y) => {
  const urls = [x, y].map(e => e.replace(/(?<=//)www./, '').replace(//$/, ''));
  return urls[0] === urls[1];
}

という関数を作っておいて、

const a = "https://www.yahoo.co.jp/";//比較元
const b = "https://yahoo.co.jp";//比較先
console.log(eqUrls(a, b)); // => true


const c = "https://yahoo.co.jp/a.html"; //比較元
const d= "https://www.yahoo.co.jp/a.html"; //比較先
console.log(eqUrls(c, d)); // => true

とします ???? codepen