如何获取查询字符串参数

使用场景：查询字符串的拼凑成员过多

// 参数对象
const paramObj = {
    attrA: "test",
    attrB: 10,
    attrC: ["a","b","c"]
};
// 查询字符串参数
let queryStr = "";

获取查询字符串(JS版)

// 情况一: 无数组
Object.keys(paramObj).forEach(attr => {
    let value = paramObj[attr];
    queryStr = queryStr + (value ? ((queryStr ? "&" : "") + attr + "=" + value) : "");
});

// 情况二: 有数组
Object.keys(paramObj).forEach(attr => {
    let value = paramObj[attr];
    const isArray = Array.isArray(value);
    if (!value || (isArray && !value.length)) return ;
    queryStr = queryStr + (queryStr ? "&" : "") + attr + "=" + (isArray ? value.join("&" + attr + "="): value);
});

获取查询字符串(TS版)

//属性类型
type attrsModel = "attrA" | "attrB" | "attrC" 

// 情况一: 无数组
Object.keys(paramObj).forEach(attr => {
    let value = paramObj[attr as attrsModel];
    queryStr = queryStr + (value ? ((queryStr ? "&" : "") + attr + "=" + value) : "");
});

// 情况二: 有数组
Object.keys(paramObj).forEach(attr => {
    let value = paramObj[attr as attrsModel];
    const isArray = Array.isArray(value);
    if (!value || (isArray && !(value as any[]).length)) return ;
    queryStr = queryStr + (queryStr ? "&" : "") + attr + "=" + (isArray ? (value as any[]).join("&" + attr + "="): value);
});