65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
/**
|
|
* 对象转url参数
|
|
* @param data 对象参数
|
|
* @param isPrefix 是否自动加上"?"，默认true
|
|
* @param arrayFormat 数组参数格式，indices/brackets/repeat/comma，默认brackets
|
|
* @returns url参数字符串
|
|
*/
|
|
function queryParams(
|
|
data: Record<string, any> = {},
|
|
isPrefix: boolean = true,
|
|
arrayFormat: 'indices' | 'brackets' | 'repeat' | 'comma' = 'brackets'
|
|
): string {
|
|
const prefix = isPrefix ? '?' : '';
|
|
const _result: string[] = [];
|
|
if (!['indices', 'brackets', 'repeat', 'comma'].includes(arrayFormat)) arrayFormat = 'brackets';
|
|
for (const key in data) {
|
|
const value = data[key];
|
|
// 去掉为空的参数
|
|
if (['', undefined, null].includes(value)) {
|
|
continue;
|
|
}
|
|
// 如果值为数组，另行处理
|
|
if (Array.isArray(value)) {
|
|
// e.g. {ids: [1, 2, 3]}
|
|
switch (arrayFormat) {
|
|
case 'indices':
|
|
// 结果: ids[0]=1&ids[1]=2&ids[2]=3
|
|
for (let i = 0; i < value.length; i++) {
|
|
_result.push(`${key}[${i}]=${value[i]}`);
|
|
}
|
|
break;
|
|
case 'brackets':
|
|
// 结果: ids[]=1&ids[]=2&ids[]=3
|
|
value.forEach((_value: any) => {
|
|
_result.push(`${key}[]=${_value}`);
|
|
});
|
|
break;
|
|
case 'repeat':
|
|
// 结果: ids=1&ids=2&ids=3
|
|
value.forEach((_value: any) => {
|
|
_result.push(`${key}=${_value}`);
|
|
});
|
|
break;
|
|
case 'comma':
|
|
// 结果: ids=1,2,3
|
|
let commaStr = '';
|
|
value.forEach((_value: any) => {
|
|
commaStr += (commaStr ? ',' : '') + _value;
|
|
});
|
|
_result.push(`${key}=${commaStr}`);
|
|
break;
|
|
default:
|
|
value.forEach((_value: any) => {
|
|
_result.push(`${key}[]=${_value}`);
|
|
});
|
|
}
|
|
} else {
|
|
_result.push(`${key}=${value}`);
|
|
}
|
|
}
|
|
return _result.length ? prefix + _result.join('&') : '';
|
|
}
|
|
|
|
export default queryParams;
|