В JavaScript работа с URL-адресами и обработка декодирования URI — распространенная задача, особенно при работе с пользовательским вводом или динамическом манипулировании URL-адресами. В этой статье блога мы рассмотрим различные методы декодирования URI в JavaScript. От встроенных функций до сторонних библиотек — мы рассмотрим ряд методов, которые помогут вам стать экспертом по декодированию URI. Итак, приступим!

1. decodeURI():
   JavaScript предоставляет встроенную функцию decodeURI(), которая декодирует полный URI. Он заменяет любые специальные символы (например, %20 для пробелов) соответствующими символами. Вот пример:

const encodedURI = 'https://www.example.com/my%20page.html';
const decodedURI = decodeURI(encodedURI);
console.log(decodedURI);
// Output: https://www.example.com/my page.html

2. decodeURIComponent():
   Если вам нужно декодировать только компонент URI, вы можете использовать функцию decodeURIComponent(). Этот метод декодирует специальные символы внутри компонента URI, например параметры запроса. Вот пример:

const encodedComponent = 'user%40example.com';
const decodedComponent = decodeURIComponent(encodedComponent);
console.log(decodedComponent);
// Output: user@example.com

3. Регулярные выражения (RegExp):
   Регулярные выражения могут быть мощным инструментом для декодирования URI, особенно когда вам нужны более сложные манипуляции. Вот пример использования RegExp для декодирования URI:

const encodedURI = 'https://www.example.com/my%20page.html';
const decodedURI = encodedURI.replace(/%([0-9A-Fa-f]{2})/g, (match, hex) => String.fromCharCode(parseInt(hex, 16)));
console.log(decodedURI);
// Output: https://www.example.com/my page.html

4. URI.js:
   Если вы работаете со сложными задачами манипулирования URI, использование сторонней библиотеки, такой как URI.js, может оказаться полезным. Он предоставляет широкий спектр функций, включая декодирование URI. Чтобы использовать URI.js, вам необходимо включить библиотеку в свой проект. Вот пример:

const encodedURI = 'https://www.example.com/my%20page.html';
const uri = new URI(encodedURI);
const decodedURI = uri.decodeQuery();
console.log(decodedURI);
// Output: https://www.example.com/my page.html

В этой статье мы рассмотрели несколько методов декодирования URI в JavaScript. Мы рассмотрели встроенные функции decodeURI()и decodeURIComponent(), продемонстрировали использование регулярных выражений для декодирования URI и упомянули полезность сторонних библиотек, таких как URI.js. Освоив эти методы, вы будете хорошо подготовлены к эффективному решению задач декодирования URI в своих проектах JavaScript.