JavaScriptでURLからホスト名とパスを抽出するにはどうすればよいですか?

JavaScript での URL の解析: ホスト名とパスの抽出

Web 開発の一般的な要件である、URL をホスト名とパスに分解するには、 JavaScript にはいくつかのアプローチがあります。

1. URL オブジェクトを使用する

最新のブラウザーと Node.js で導入された URL オブジェクトは、ホスト名やパス名などの URL プロパティへの直接アクセスを提供します。

let url = new URL("http://example.com/aa/bb/");
console.log("Hostname: " + url.hostname);
console.log("Pathname: " + url.pathname);

2 。正規表現のマッチング

直接 URL 解析が利用できないシナリオでは、正規表現を使用してホスト名とパスを抽出できます。

let regex = /^(?:https?:\/\/)?(.*?)(?:\/.*)?$/;
let match = "http://example.com/aa/bb/".match(regex);
console.log("Hostname: " + match[1]);
console.log("Pathname: " + match[2]);

3. DOM 解析

古いブラウザでは、HTML アンカー要素 () を作成し、そのプロパティにアクセスすることもできます。

let a = document.createElement("a");
a.href = "http://example.com/aa/bb/";
console.log("Hostname: " + a.hostname);
console.log("Pathname: " + a.pathname);

ホスト名はドメインを表すことに注意してください。ポートにはホストが両方とも含まれます。

以上がJavaScriptでURLからホスト名とパスを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。