Files
30-seconds-of-code/snippets/objectToQueryString.md
30secondsofcode 0a709f6e99 Travis build: 1737
2020-01-30 19:37:05 +00:00

27 lines
946 B
Markdown

---
title: objectToQueryString
tags: 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 `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.
```js
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;
}, '')
: '';
};
```
```js
objectToQueryString({ page: '1', size: '2kg', key: undefined }); // '?page=1&size=2kg'
```