Skip to main content

objectToQueryString

TS JS Deno

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.

typescript
const objectToQueryString = (queryParameters: AnyObject) => {
  return queryParameters
    ? Object.entries(queryParameters).reduce(
        (queryString, [key, val], index) => {
          const symbol = queryString.length === 0 ? "?" : "&";
          queryString += val ? `${symbol}${key}=${val}` : "";
          return queryString;
        },
        ""
      )
    : "";
};
typescript
objectToQueryString({ page: "1", size: "2kg", key: undefined }); // '?page=1&size=2kg'