Query string to object
JavaScript, Object · Nov 3, 2020

Generates an object from the given query string or URL.
- Use
String.prototype.split()
to get the params from the givenurl
. - 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.
const queryStringToObject = url =>
[...new URLSearchParams(url.split('?')[1])].reduce(
(a, [k, v]) => ((a[k] = v), a),
{}
);
queryStringToObject('https://google.com?page=1&count=10');
// {page: '1', count: '10'}