URL Web API 이용하여 search parameter 다루기

Add search

const url = new URL(window.location.href);
const searchParams = url.searchParams // return URLSearchParams object

// Add "filter" search
searchParams.set("filter", "trending")

console.log(url.search) // ?filter=trending

Update search

const newSearch = "price"

searchParams.set("filter",newSearch);

console.log(url.search) // ?filter=price

Read search

const currentFilter = searchParams.get("filter") // return "price"

const currentKeyword = searchParams.get("keyword") // return null. 

만족하는 search가 없으면 null을 반환.

Delete search

searchParams.delete("filter")

console.log(url.search) // ""