Boost your LinkedIn Profile

Web UI performance - Meetup

Web UI performance - Meetup

Click Here

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"

BigInt

BigInt is a built-in object that provides a way to represent whole numbers larger than 2^53, which is the largest number JavaScript can reliably represent with the Number primitive.

BigInt(value);

Usages

const theBiggestInt = 9007199254740991n;

const alsoHuge = BigInt(9007199254740991); //9007199254740991n

const hugeString = BigInt("9007199254740991"); //9007199254740991n

const hugeHex = BigInt("0x1fffffffffffff"); //9007199254740991n

const hugeBin = BigInt("0b11111111111111111111111111111111111111111111111111111");//9007199254740991n

Type information

typeof 1n === 'bigint'; // true
typeof BigInt('1') === 'bigint'; // true