Comment puis-je analyser efficacement les URL en JavaScript pour extraire le nom d'hôte et le chemin ?

Analyse des URL en JavaScript : extraction du nom d'hôte et du chemin

Lorsque vous travaillez avec des URL en JavaScript, il est souvent nécessaire d'extraire des composants spécifiques de la chaîne représentation. Dans ce cas, l'objectif est d'analyser une URL en ses éléments constitutifs, y compris le nom d'hôte (par exemple, "exemple.com") et le chemin (par exemple, "/aa/bb").

Solution moderne

L'approche moderne et standardisée de l'analyse d'URL en JavaScript passe par l'utilisation du constructeur d'URL. Prenons l'exemple suivant :

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

Ce constructeur renvoie un objet avec les propriétés suivantes :

• nom d'hôte : "exemple.com"
• nom de chemin : "/aa/bb"

Remarque :

• l'hôte inclut à la fois le nom d'hôte et le port (le cas échéant), tandis que le nom d'hôte contient uniquement le domaine .
• Les URL relatives (sans protocole ni domaine) nécessitent un deuxième argument, l'URL de base, pour une analyse correcte. Par exemple :

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

Options héritées

• RegExp : Des expressions régulières peuvent également être utilisées pour extraire le nom d'hôte et chemin, mais cela nécessite une correspondance de modèles complexe.
• Tag d'ancrage : Création d'un L'élément d'ancrage dans le DOM et l'attribution de l'URL à son attribut href permettent d'accéder aux propriétés du composant telles que le nom d'hôte et le nom de chemin.

Considérations

• Le moderne Le constructeur d'URL est pris en charge dans la plupart des principaux navigateurs et versions de Node.js.
• Pour les environnements plus anciens, des méthodes héritées ou des polyfills peuvent être nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!