URLをJavaScriptのホスト名とパスに解析するにはどうすればよいですか？

Window.location読み取り専用プロパティは、ドキュメントの現在の場所に関する情報を含むLocationオブジェクトを返します。これを使用して、URLをホスト名とパスに解析できます。

Locationインターフェースは、リンク先のオブジェクトの場所（URL）を表します。プロパティはロケーションオブジェクトで利用できます-

Location.href −これはURL全体を含むDOMStringです。変更された場合、関連するドキュメントは新しいページに移動します。関連するドキュメントとは異なるオリジンから設定できます。

Location.protocol −最後の「：」を含むURLのプロトコルスキーム。

Location.host −ホスト、つまりホスト名、「：」、およびURLのポート。

Location.hostname −URLのドメイン。

Location.port −URLのポート番号。

Location.pathname −最初の「/」の後にURLのパスが続きます。

Location.search − a'？'その後に、URLのパラメータまたは「クエリ文字列」が続きます。最新のブラウザにはURLSearchParamsとURL.searchParamsが用意されており、クエリ文字列からパラメータを簡単に解析できます。

Location.hash −「＃」の後にURLのフラグメント識別子が続きます。

Location.username −ドメイン名の前に指定されたユーザー名。

Location.password −ドメイン名の前に指定されたパスワード。

例

使用例-

let hostname = location.hostname
let path = location.pathname
console.log(hostname)
console.log(path)

URL：https://www.tutorialspoint.com/ajax/index.htm

出力

これにより、出力が得られます-

www.tutorialspoint.com
/ajax/index.htm