Comment décoder une URL en JavaScript

Lorsque vous travaillez avec des applications web, il est fréquent de devoir décoder une URL en Javascript. Les URL contiennent souvent des caractères spéciaux encodés, comme « %20 » pour un espace ou « %2F » pour un slash. JavaScript propose des méthodes intégrées pour vous aider à décoder ces URL et à obtenir des informations lisibles. Dans cet article, nous allons explorer comment décoder une URL en JavaScript.

Utilisation de la fonction decodeURIComponent

La méthode decodeURIComponent en JavaScript permet de décoder une URL encodée. Elle prend une chaîne de caractères encodée en URL en tant qu’argument et renvoie la version décodée. Voici comment vous pouvez l’utiliser :

// URL encodée
const urlEncodee = "Mon%20exemple%20d%27URL%20encod%C3%A9e";

// Décodage de l'URL
const urlDecodee = decodeURIComponent(urlEncodee);

console.log(urlDecodee);

Dans cet exemple, nous prenons une URL encodée avec des caractères spéciaux, tels que les espaces et les caractères accentués. En utilisant decodeURIComponent, nous obtenons l’URL décodée, ce qui la rend plus lisible et compréhensible.

Utilisation de la fonction decodeURI

La fonction decodeURI est similaire à decodeURIComponent, mais elle est plus permissive. Elle peut décoder un ensemble plus large de caractères. Voici un exemple d’utilisation de decodeURI :

// URL encodée
const urlEncodee = "Mon%20exemple%20d%27URL%20encod%C3%A9e";

// Décodage de l'URL
const urlDecodee = decodeURI(urlEncodee);

console.log(urlDecodee);

Le résultat sera le même que dans l’exemple précédent. Cependant, si vous avez affaire à des URL contenant des caractères spéciaux non standard, decodeURI peut être plus appropriée.

Utilisation de la méthode decodeURIComponent sur des composants d’URL ( URL en Javascript)

En plus de décoder une URL complète, vous pouvez également décoder des composants individuels d’une URL, tels que les paramètres de requête. Cela peut être utile lorsque vous ne souhaitez décoder qu’une partie spécifique d’une URL. Voici un exemple :

// URL
const url = "https://www.mon-site.com/recherche?query=JavaScript%20et%20URL";

// Décodage du paramètre "query"
const query = decodeURIComponent(url.split("query=")[1]);

console.log(query);

Dans cet exemple, nous extrayons le paramètre « query » de l’URL et utilisons decodeURIComponent pour le décoder. Cela permet d’obtenir la valeur décodée du paramètre.

Décoder une URL est une tâche courante en programmation web, et JavaScript met à disposition des outils simples pour le faire. Les fonctions decodeURIComponent et decodeURI vous permettent de rendre les URL plus lisibles et plus conviviales pour les utilisateurs de votre application.