将具有数组值的对象键转换为查询字符串

Question

我正在尝试将对象转换为查询字符串，但是我有一个数组作为值

我的对象看起来像这样

filterChoice: {
  role: ["SW", "EW"]
  source: ["Secondary", "Tertiary"]
}

我已经完成转换了一半

const toQueryString = `?${Object.keys(filterChoice)
    .map(key => `${key}=${filterChoice[key].toString()}`)
    .join('&')}`

输出：?source=Secondary,Tertiary&role=SW,EW但我希望此输出看起来像这样

?source=Secondary&source=Tertiary&role=SW&role=EW

有人可以帮我吗？

Answer 1

您可以flatMap对象条目：

 const query = Object.entries(filterChoice)
  .flatMap(([key, value]) => Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]])
  .map(it => it.join("="))
  .join("&");