Обработка %20 в строках JavaScript: методы и примеры

URL-адреса часто содержат закодированные символы, например «%20», обозначающие пробел. В JavaScript важно знать, как обрабатывать такие закодированные символы в строках. В этой статье будут рассмотрены различные методы и приведены примеры кода для работы с «%20» в строках JavaScript.

Метод 1: использование функции decodeURI()
Функция decodeURI() используется для декодирования компонента URI, включая «%20» для пробелов. Вот пример:

const encodedString = 'Hello%20World';
const decodedString = decodeURI(encodedString);
console.log(decodedString); // Output: Hello World

Метод 2: использование метода replace()
Метод replace() позволяет нам заменить «%20» пробелом с помощью регулярного выражения. Вот пример:

const encodedString = 'Hello%20World';
const decodedString = encodedString.replace(/%20/g, ' ');
console.log(decodedString); // Output: Hello World

Метод 3: использование функции decodeURIComponent()
Функция decodeURIComponent() может использоваться для декодирования всего URL-адреса, включая «%20» для пробелов. Вот пример:

const encodedString = 'Hello%20World';
const decodedString = decodeURIComponent(encodedString);
console.log(decodedString); // Output: Hello World

Метод 4: использование методов Split() и join()
Мы можем разделить строку, используя «%20» в качестве разделителя, а затем соединить полученные элементы массива пробелом. Вот пример:

const encodedString = 'Hello%20World';
const decodedString = encodedString.split('%20').join(' ');
console.log(decodedString); // Output: Hello World

Обработка «%20» в строках JavaScript имеет решающее значение для правильного декодирования URL-адресов. В этой статье мы рассмотрели несколько методов, в том числе использование функции decodeURI(), метода replace(), функции decodeURIComponent(), а также методов Split() и join(), для работы с «%20» в строках. Применяя эти методы, вы можете легко заменить «%20» пробелами и работать с декодированными строками в JavaScript.