28 lines
803 B
Markdown
28 lines
803 B
Markdown
---
|
|
title: Query string to object
|
|
tags: object
|
|
expertise: intermediate
|
|
cover: blog_images/dark-mode.jpg
|
|
firstSeen: 2020-10-20T20:25:32+03:00
|
|
lastUpdated: 2020-11-03T22:11:18+02:00
|
|
---
|
|
|
|
Generates an object from the given query string or URL.
|
|
|
|
- Use `String.prototype.split()` to get the params from the given `url`.
|
|
- Use the `URLSearchParams` constructor to create an appropriate object and convert it to an array of key-value pairs using the spread operator (`...`).
|
|
- Use `Array.prototype.reduce()` to convert the array of key-value pairs into an object.
|
|
|
|
```js
|
|
const queryStringToObject = url =>
|
|
[...new URLSearchParams(url.split('?')[1])].reduce(
|
|
(a, [k, v]) => ((a[k] = v), a),
|
|
{}
|
|
);
|
|
```
|
|
|
|
```js
|
|
queryStringToObject('https://google.com?page=1&count=10');
|
|
// {page: '1', count: '10'}
|
|
```
|