Parse Query String with URLSearchParams
Parse and manipulate URL query parameters.
Code
JavaScript
const url = new URL("https://example.com?foo=bar&baz=qux");
const params = url.searchParams;
console.log(params.get("foo")); // "bar"
console.log(params.getAll("tag")); // ["a", "b"] if ?tag=a&tag=b
params.append("new", "value");
console.log(params.toString()); // "foo=bar&baz=qux&new=value"
// From string only
const p = new URLSearchParams("?a=1&b=2");
console.log(Object.fromEntries(p)); // { a: "1", b: "2" }Line-by-line explanation
- 1.URLSearchParams from URL.searchParams or string.
- 2.get() returns first value; getAll() returns array.
- 3.append(), set(), delete() modify params.
- 4.Object.fromEntries() converts to plain object.
Expected output
bar