30-seconds-of-code/snippets/objectToQueryString.md

title, tags

title	tags
objectToQueryString	utility,object,function,intermediate

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 index 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 = index === 0 ? '?' : '&';
      queryString += (typeof val === 'string') ? `${symbol}${key}=${val}` : '';
      return queryString;
    }, '')
    : '';
};

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