Преобразование строки запроса в объект

Введение

В этом практическом занятии мы изучим, как преобразовать строку запроса или URL-адрес в объект с использованием JavaScript. Мы будем использовать метод String.prototype.split() для извлечения параметров из URL-адреса, а затем создавать объект с использованием конструктора URLSearchParams и преобразовывать его в массив пар ключ-значение. Наконец, мы будем использовать Array.prototype.reduce(), чтобы преобразовать массив в объект JavaScript. Это практическое занятие поможет вам понять, как манипулировать данными и извлекать их из URL-адресов и строк запросов в JavaScript.

Преобразование строки запроса в объект

Для преобразования строки запроса или URL-адреса в объект следуйте шагам:

1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
2. Используйте String.prototype.split(), чтобы извлечь параметры из заданного url.
3. Используйте конструктор URLSearchParams, чтобы создать объект и преобразовать его в массив пар ключ-значение с использованием оператора расширения (...).
4. Используйте Array.prototype.reduce(), чтобы преобразовать массив пар ключ-значение в объект.

Вот код для преобразования строки запроса:

const queryStringToObject = (url) =>
  [...new URLSearchParams(url.split("?")[1])].reduce(
    (a, [k, v]) => ((a[k] = v), a),
    {}
  );

Пример использования:

queryStringToObject("https://google.com?page=1&count=10");
// {page: '1', count: '10'}

Резюме

Поздравляем! Вы завершили практическое занятие по преобразованию строки запроса в объект. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.