【JavaScript】URL文字列が有効か判定する方法

try...catchを使用する

URL()コンストラクターが与えられたURL文字列が有効でなければ例外をスローすることを利用して以下のように判定します。

function isValidURL(url) {
  try {
    new URL(url)
    return true
  } catch {
    return false
  }
}

URL.canParse()を使用する

URL.canParse()の引数にURL文字列を渡すことで有効か判定できます。

function isValidURL(url) {
  return URL.canParse(url)
}

参考