Files
30-seconds-of-code/snippets/get-url-parameters.md
2023-04-28 22:29:23 +03:00

31 lines
828 B
Markdown

---
title: URL parameters as object
type: snippet
tags: [browser,string,regexp]
author: chalarangelo
cover: compass
dateModified: 2020-10-22T20:23:47+03:00
---
Creates an object containing the parameters of the current URL.
- Use `String.prototype.match()` with an appropriate regular expression to get all key-value pairs.
- Use `Array.prototype.reduce()` to map and combine them into a single object.
- Pass `location.search` as the argument to apply to the current `url`.
```js
const getURLParameters = url =>
(url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
(a, v) => (
(a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a
),
{}
);
```
```js
getURLParameters('google.com'); // {}
getURLParameters('http://url.com/page?name=Adam&surname=Smith');
// {name: 'Adam', surname: 'Smith'}
```