整齐地获取带有逗号分隔值的查询字符串

Question

我正在尝试获取一个查询字符串，如下所示：

?focuses=coding,robotics,electronics&format=clp,hlp
// or this
?focuses=coding,robotics,electronics
// or this
?focuses=coding&format=clp

我一直在做这个：

// formats = ['hlp', 'clp'], focuses = ['coding', 'robotics']
var query = jQuery.param({formats, focuses});
query = query.replace(/%5B%5D/g, '');
query = query.replace(/(?!^)&formats=/g, ',');
query = query.replace(/(?!^)$focuses=/g, ',');

但不知何故，我一直在说：

?formats=hlp,clp,coding,robotics,electronics

Answer 1

自定义函数将为：

 function query(args){
   return "?" + Object.entries(args).map(([key, value]) => {
     return key +"="+ value;
  }).join("&");
}

所以我们可以这样做：

 query({
  focuses:["what", "ever"],
  a:"property"
});

Answer 2

在将对象传递给jQuery之前，先将它们转换为所需的形式：

jQuery.param({
  formats: formats.join(','),
  focuses: focuses.join(',')
});

这仍然将逗号编码为%2C (这是有效的)，但如果您确实想使用文字逗号，可以在后面替换它们：

jQuery.param({
  formats: formats.join(','),
  focuses: focuses.join(',')
}).replace(/%2C/g, ',');

Answer 3

你可以这样做。如果您不需要一个可重用的函数getQueryString，那么您可以将该代码移到需要的函数之外。

​

var formats = ['hlp', 'clp'], focuses = ['coding', 'robotics','electronics'];

function getQueryString(formats, focuses){
  var formatsString = formats.toString();
  var focusesString = focuses.toString();
  var finalString = "?focuses="+focusesString+"&format="+formatsString;
  return finalString;
}

var result = getQueryString(formats, focuses);
console.log(result);

​