JavaScript で URL を効率的に解析してホスト名とパスを抽出するにはどうすればよいですか?

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

JavaScript で URL を操作する場合、多くの場合、文字列から特定のコンポーネントを抽出する必要があります。表現。この場合の目標は、URL をホスト名 (例: "example.com") やパス (例: "/aa/bb") などの構成部分に解析することです。

最新のソリューション

JavaScript での URL 解析に対する最新の標準化されたアプローチは、URL コンストラクターを使用することです。次の例を考えてみましょう:

let a = new URL("http://example.com/aa/bb/");

このコンストラクターは、次のプロパティを持つオブジェクトを返します:

• ホスト名: "example.com"
• パス名: "/aa/bb"

注:

• ホストにはホスト名とポート (存在する場合) の両方が含まれますが、ホスト名にはドメインのみが含まれます。 .
• 相対 URL (プロトコルまたはドメインなし) を正しく解析するには、2 番目の引数であるベース URL が必要です。例:

let a = new URL("/aa/bb/", location);

レガシー オプション

• RegExp: 正規表現を使用してホスト名とパスですが、複雑なパターン マッチングが必要です。
• アンカータグ: DOM でアンカー要素を作成し、URL をその href 属性に割り当てると、ホスト名やパス名などのコンポーネントのプロパティにアクセスできるようになります。

考慮事項

• 最新の URL コンストラクターは、ほとんどの主要なブラウザーと Node.js でサポートされています。
• 古い環境の場合は、レガシー メソッドまたはポリフィルが必要になる場合があります。

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