URL parameters as object

Angelos Chalaris · JavaScript, Browser, String, Regexp · Oct 22, 2020

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.

const getURLParameters = url =>
  (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
    (a, v) => (
      (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a
    ),
    {}
  );

getURLParameters('google.com'); // {}
getURLParameters('http://url.com/page?name=Adam&surname=Smith');
// {name: 'Adam', surname: 'Smith'}

Recommended snippets

• Create HTML element

  JavaScript, Browser

  Creates an element from a string (without appending it to the document). If the given string contains multiple elements, only the first one will be returned.

• Get base URL

  JavaScript, String

  Gets the current URL without any parameters or fragment identifiers.

• Parse cookie

  JavaScript, Browser

  Parses an HTTP Cookie header string, returning an object of all cookie name-value pairs.