URL Search Params

The URLSearchParams() constructor creates and returns a new URLSearchParams object. Leading '?' characters are ignored

let urlSearchParams = new URLSearchParams('param1=1&param2=2');

Examples ans usages

// pass in a string literal
let urlExample1 = new URL('https://example.com?param1=1&param2=2');

// Or retrieve from window.location
let urlExample2 = new URL(window.location);

// create URLSearchParams object
let params1 = new URLSearchParams(urlExample1.search);
let params2 = new URLSearchParams(urlExample2.search);

//Or passing in a sequence
let params3 = new URLSearchParams([["param1", 1], ["param2", 2]]);

// passing params in a record
let params4 = new URLSearchParams({ "param1": 1, "param2": 2 });

Iterate the search parameters

for (let param of urlSearchParams) {
    console.log(param);
}

Has parameter

urlSearchParams.has("param1") === true; // true

Get specific parameter

urlSearchParams.get("param1") === "1"; // true
urlSearchParams.getAll("param1"); // ["1"]urlSearchParams.get("param0") === null; // true

Append new parameter

urlSearchParams.append("param3", "3");
urlSearchParams.toString(); // "param1=1&param2=2&param3=3"

Modify existing parameter

urlSearchParams.set("param3", "33");
urlSearchParams.toString(); // "param1=1&param2=2&param3=33"

Delete parameter

urlSearchParams.delete("param3");
urlSearchParams.toString(); // "param1=1&param2=2"