В TypeScript «строка запроса» относится к части URL-адреса, содержащей параметры и значения, обычно используемые для передачи информации между различными веб-страницами или конечными точками API. Вот несколько методов, которые можно использовать для работы со строками запроса в TypeScript:
-
Разбор строки запроса:
- Используйте API
URLSearchParams: TypeScript предоставляет классURLSearchParams, который позволяет анализировать строки запроса и манипулировать ими. Вы можете создать новый экземплярURLSearchParamsи передать строку запроса в качестве параметра, а затем использовать его методы для получения или изменения параметров и значений.
- Используйте API
-
Создание строки запроса:
- Объединение пар ключ-значение вручную. Вы можете создать функцию, которая принимает объект, содержащий параметры и значения, а затем выполняет итерацию по ним для построения строки запроса. Не забудьте правильно закодировать значения, используя
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"