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

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

L'analyse d'une URL pour séparer le nom d'hôte et le chemin est une opération courante dans le développement Web. En JavaScript, plusieurs approches peuvent accomplir cette tâche. Explorons quelques-uns d'entre eux avec des exemples spécifiques.

Approche moderne : utilisation du constructeur d'URL

Le constructeur d'URL est un moyen moderne et efficace d'analyser les URL. Il génère un objet avec des propriétés telles que le nom d'hôte, le chemin d'accès et autres. Par exemple, étant donné l'URL :

var a = "http://example.com/aa/bb/"

Nous pouvons l'analyser à l'aide du constructeur d'URL :

const parsedURL = new URL(a);
console.log(parsedURL.hostname); // "example.com"
console.log(parsedURL.pathname); // "/aa/bb"

Remarque : Le nom d'hôte inclut uniquement le domaine sans le port, tandis que la propriété hôte comprend les deux.

Alternative Approches

Regex :

L'utilisation d'expressions régulières peut également analyser les URL. Voici un exemple :

const regex = /^(?:https?:\/\/)?(?:www\.)?([^\/\n]+)(?:\/(.*))?$/;
const match = regex.exec(a);
console.log(match[1]); // "example.com"
console.log(match[2]); // "/aa/bb"

Objet Location :

L'objet Location permet d'accéder aux propriétés liées aux URL dans un environnement de navigateur.

const parsedURL = window.location;
console.log(parsedURL.hostname); // "example.com"
console.log(parsedURL.pathname); // "/aa/bb"

L'approche à choisir dépend des exigences spécifiques et de l'environnement. L'utilisation du constructeur d'URL est généralement recommandée pour les applications JavaScript modernes, tandis que l'objet regex ou Location peut convenir à la prise en charge héritée ou dans des situations spécifiques.

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!