Rename javascript to js
This commit is contained in:
35
js/snippets/object-to-query-string.md
Normal file
35
js/snippets/object-to-query-string.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: Object to query string
|
||||
type: snippet
|
||||
tags: [object]
|
||||
cover: standing-stones
|
||||
dateModified: 2020-10-22T20:24:04+03:00
|
||||
---
|
||||
|
||||
Generates a query string from the key-value pairs of the given object.
|
||||
|
||||
- Use `Array.prototype.reduce()` on `Object.entries()` to create the query string from `queryParameters`.
|
||||
- Determine the `symbol` to be either `?` or `&` based on the length of `queryString`.
|
||||
- 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'
|
||||
```
|
||||
Reference in New Issue
Block a user