30秒学会 JavaScript 片段 – objectToQueryString

Returns a query string generated from the key-value pairs of the given object.

Use Array.prototype.reduce() on Object.entries(queryParameters) to create the query string.
Determine the symbol to be either ? or & based on the length of queryString and concatenate val to queryString only if it’s a string.
Return the queryString or an empty string when the queryParameters are falsy.

代码片段

const objectToQueryString = queryParameters => {
  return queryParameters
    ? Object.entries(queryParameters).reduce((queryString, [key, val], index) => {
      const symbol = queryString.length === 0 ? '?' : '&';
      queryString += typeof val === 'string' ? `${symbol}${key}=${val}` : '';
      return queryString;
    }, '')
    : '';
};

使用样例

objectToQueryString({ page: '1', size: '2kg', key: undefined }); // '?page=1&size=2kg'