Decodificar URI con decodeURI() en JavaScript

Aprende a usar la función decodeURI() para desencodificar caracteres URL-encoded en cadenas de texto en JavaScript.

La función decodeURI() es una herramienta útil en JavaScript que se utiliza para desencodificar caracteres URL-encoded en cadenas de texto. Estos caracteres son comúnmente utilizados en direcciones URL y otras situaciones donde es necesario transmitir caracteres especiales por medio de medios limitados, como correo electrónico o mensajería instantánea. La función decodeURI() es una forma fácil de convertir estos caracteres de codificación URL de regreso a su representación original.

Ejemplo 1: Decodificar un URI codificado

const uriCodificado = "http://example.com/?parametro=hola%20mundo";
const decodedUri = decodeURI(uriCodificado);
console.log(decodedUri); // http://example.com/?parametro=hola mundo

Ejemplo 2: Decodificar un URI con caracteres especiales

const uriCodificado = "http://example.com/?parametro=hola+mundo";
const decodedUri = decodeURI(uriCodificado);
console.log(decodedUri); // http://example.com/?parametro=hola mundo

Ejemplo 3: Decodificar un URI con caracteres de control Unicode

const uriCodificado = "http://example.com/?parametro=hola%C3%91ulo";
const decodedUri = decodeURI(uriCodificado);
console.log(decodedUri); // http://example.com/?parametro=hola ulo

Ejemplo 4: Decodificar un URI con caracteres URL-safe

const uriCodificado = "http://example.com/?parametro=hola%252Bmundo";
const decodedUri = decodeURI(uriCodificado);
console.log(decodedUri); // http://example.com/?parametro=hola+mundo

Ejemplo 5: Decodificar un URI con caracteres reservados en la URL

const uriCodificado = "http://example.com/?parametro=hola%2Fmundo";
const decodedUri = decodeURI(uriCodificado);
console.log(decodedUri); // http://example.com/?parametro=hola/mundo

Conclusión

Utilizar la función decodeURI() en tus proyectos de JavaScript puede ser útil en situaciones donde necesitas desencodificar caracteres URL-encoded en cadenas de texto. Asegúrate de comprender cómo funciona y cómo se aplica para obtener los resultados deseados. Además, considera integrarla en tus proyectos futuros para mejorar la legibilidad y facilidad de lectura de tus cadenas de texto.