EncodeURIComponent: примеры использования и сущность метода

Метод `encodeURIComponent` является встроенной функцией JavaScript, которая используется для преобразования специальных символов в их кодовые значения, чтобы они могли быть использованы безопасно в URL-адресах.

Вот пример использования `encodeURIComponent`:

javascript
const uri = "https://example.com/привет, мир!";
const encodedUri = encodeURIComponent(uri);
console.log(encodedUri);
// Вывод: "https%3A%2F%2Fexample.com%2F%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82%2C%20%D0%BC%D0%B8%D1%80%21"

Здесь мы создали строку `uri`, содержащую URL-адрес с русскими символами и запятой. Затем мы использовали `encodeURIComponent` для кодирования этой строки в безопасный формат URL.

Метод `encodeURIComponent` заменяет все специальные символы, такие как пробелы, запятые или русские буквы, их кодами. Например, символ `п` будет заменен на `%D0%BF`, символ запятой будет заменен на `%2C`, а символы `/` и `:` останутся без изменений.

Этот метод полезен, когда вам нужно передать данные через URL-адрес, содержащий специальные символы, которые могут создать проблемы при интерпретации URL. Он может быть использован для кодирования всей URL целиком или только для определенных частей, где это требуется.

Например, при передаче значения пути в URL вы можете использовать `encodeURIComponent` для каждой части пути:

javascript
const baseUrl = "https://example.com";
const path1 = "привет";
const path2 = "мир!";
const encodedPath1 = encodeURIComponent(path1);
const encodedPath2 = encodeURIComponent(path2);
const fullUrl = `${baseUrl}/${encodedPath1}/${encodedPath2}`;
console.log(fullUrl);
// Вывод: "https://example.com/%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82/%D0%BC%D0%B8%D1%80%21"

Здесь мы создали базовый URL-адрес `baseUrl`, а затем использовали `encodeURIComponent` для кодирования значений `path1` и `path2`. Затем мы объединили все части пути вместе с помощью `/` и получили полный URL-адрес в безопасном формате.