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'