JSでリファラーを使ったmatch検索をしたい

Question

前提・実現したいこと

javascript の match と document.referrer を使用して
遷移元サイトが配列に登録している場合と、無い場合で処理を振り分けたいと思っているのですが、
referrerを使ったmatch処理の仕方が分からなく困っております。

該当のソースコード

<script>
    var str = ["yahoo.co.jp", "amazon.co.jp/"];
    var getRef = document.referrer;
    var result = str.match( getRef );

if(result){
    console.log( '見つかりました' );
}else{
    console.log( '見つかりません' );
}
</script>

補足情報

配列に登録するサイト数は10件以上を想定しています。

Answer 1

const hosts = ["yahoo.co.jp", "amazon.co.jp/", "teratail.com", "1teratail.com"];
const ref = "https://teratail.com/questions/223939";

// var result = str.match( getRef );
const refHost = new URL(ref).host;
// console.log(hosts.filter(element => element.includes(refHost)));// [ 'teratail.com', '1teratail.com' ]
const regexp = new RegExp(`^${refHost}$`,'g');
console.log(hosts.filter(element => element.search(regexp)===0));// [ 'teratail.com' ]

登録するサイトの配列に対してsearch()するのも有りかと。

Comments

[sunatoki]

ご回答ありがとうございます。
serchでの検索という手段もあったのですね、自分の視野が狭いことを痛感いたしました。
一つの手段にこだわらずに色々な方法を見つけられるように精進したいと思います。

Answer 2

• str.match( getRef ); は getRef 部分が正規表現でなければなりません。
• 正規表現オブジェクトを作る場合、RegExp の引数に与える、マッチパターンの文字は quotemeta と呼ばれるような変換が便利です。

var domains = ["yahoo.co.jp", "amazon.co.jp"];
var quotemeta = s=>s.replace(/([^0-9A-Za-z_])/g, '\$1')
var regexp = new RegExp(`${domains.map(quotemeta).join("|")}`)
var matchDomain = (url) => url.match( regexp );

console.log(matchDomain("example.com")); // null
console.log(matchDomain("amazon.co.jp")); // ["amazon.co.jp"]
console.log(matchDomain("yahoo.co.jp")); // ["yahoo.co.jp"]

console.log(matchDomain(document.referrer)); // null or matched

追記）
ちなみに、リンク先の通りすがりさんのコメントも読んでくださいｗ

Comments

[sunatoki]

ご回答ありがとうございます。
想定した挙動ができましたので感謝しております。