如何更简洁高效地动态生成查询字符串？

我有一个查询参数对象，示例如下：

const queryParams = { status: 'Online', name: 'Jeff', age: '35' }

需要将其转换为查询参数字符串，预期返回值为：

?status=Online&name=Jeff&age=35&

我自己写了一个实现函数：

const getParams = (queryParams) => {
  let str = '?'
  for (key in queryParams) {
  if (queryParams[key]) {
    str+= `${key}=${queryParams[key]}&`
   }
  }
  return str
};

请问有没有更简短、更优的实现方式？

当然有，以下是几种更简洁且健壮的实现思路：

1. 数组方法组合实现（简洁易读） #

用Object.entries遍历键值对，配合filter、map和join替代手动循环，代码更简洁，逻辑更直观：

const getParams = (queryParams) => {
  return '?' + Object.entries(queryParams)
    .filter(([_, value]) => value) // 过滤空值，和原逻辑保持一致
    .map(([key, value]) => `${key}=${value}`)
    .join('&') + '&';
};

如果不需要末尾额外的&，直接去掉最后的+ '&'即可。

2. 原生URLSearchParams API（推荐，更健壮） #

浏览器环境或Node.js 10+版本原生支持URLSearchParams，它能自动处理URL编码（比如参数值含空格、特殊字符的场景），是生产环境更可靠的方案：

const getParams = (queryParams) => {
  const params = new URLSearchParams();
  Object.entries(queryParams).forEach(([key, value]) => {
    if (value) params.append(key, value);
  });
  // 原生toString()不会生成末尾的&，按需求手动追加
  return '?' + params.toString() + '&';
};

原实现没有处理URL编码，比如当参数值是'Jeff Doe'时，会直接拼接成name=Jeff Doe，这属于非法URL格式，而URLSearchParams会自动转成name=Jeff+Doe，避免潜在问题。

3. 极简一行写法（适合简单场景） #

如果追求极致简洁，可以压缩成一行代码，不过可读性会有所下降：

const getParams = q => '?' + Object.entries(q).filter(([_,v])=>v).map(([k,v])=>`${k}=${v}`).join('&') + '&';

内容的提问来源于stack exchange，提问作者flow24