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.
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.
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.
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.
Voici une série d’exercices conçus pour perfectionner vos compétences Excel. Les corrigés sont inclus pour…
Excel offre plusieurs méthodes pour calculer une moyenne tout en tenant compte des filtres ou…
Excel propose plusieurs fonctions pour insérer ou manipuler la date actuelle. Voici les principales méthodes…
Lorsque des nombres sont stockés sous forme de texte dans Excel, ils ne peuvent pas…
Extraire uniquement les chiffres d'une cellule contenant du texte et des nombres mélangés est une…
Pour supprimer plusieurs caractères spécifiques (par exemple, des symboles, chiffres ou lettres indésirables) dans des…
This website uses cookies.