Работа со строками запроса в TypeScript: методы и примеры

В TypeScript «строка запроса» относится к части URL-адреса, содержащей параметры и значения, обычно используемые для передачи информации между различными веб-страницами или конечными точками API. Вот несколько методов, которые можно использовать для работы со строками запроса в TypeScript:

  1. Разбор строки запроса:

    • Используйте API URLSearchParams: TypeScript предоставляет класс URLSearchParams, который позволяет анализировать строки запроса и манипулировать ими. Вы можете создать новый экземпляр URLSearchParamsи передать строку запроса в качестве параметра, а затем использовать его методы для получения или изменения параметров и значений.
  2. Создание строки запроса:

    • Объединение пар ключ-значение вручную. Вы можете создать функцию, которая принимает объект, содержащий параметры и значения, а затем выполняет итерацию по ним для построения строки запроса. Не забудьте правильно закодировать значения, используя encodeURIComponent()для обработки специальных символов.
    • Использование библиотеки. Доступно несколько библиотек, таких как query-stringили qs, которые упрощают построение и анализ строк запроса. Эти библиотеки предоставляют удобные методы и управляют кодированием.

Вот пример создания строки запроса вручную с использованием TypeScript:

function buildQueryString(params: Record<string, string>): string {
  const query = Object.entries(params)
    .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
    .join('&');
  return query;
}
const params = {
  name: 'John Doe',
  age: '25',
  city: 'New York'
};
const queryString = buildQueryString(params);
console.log(queryString); // Output: "name=John%20Doe&age=25&city=New%20York"