getURLParameters

Returns an object containing the parameters of the current URL.

Use String.prototype.match() with an appropriate regular expression to get all key-value pairs, Array.prototype.reduce() to map and combine them into a single object. Pass location.search as the argument to apply to the current url.

typescript

type URLParamValue = { [key: string]: string | string[] };

export const getURLParameters = (url: string) => {
  return (
    url.match(/([^?=&]+)(=([^&]*))/g)?.reduce((a: any, v: string) => {
      const [key, value] = v.split("=");
      if (a[key]) {
        a[key] = (
          (typeof a[key] === "string" ? [a[key]] : a[key]) as string[]
        ).concat(value);
      } else {
        a[key] = value;
      }
      return a;
    }, {} as URLParamValue) ?? {}
  );
};

typescript

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