location.href : 현재 페이지 전체 URL 반환
location.search : 현재 페이지 URL의 Parameter 반환
new URLSearchParams() : location.search 안에 존재하는 [key, value] 형식으로 묶여있는 모든 파라미터를 배열로 반환
모든 파라미터 가져오는 방법
const locationSearch = '?name=user&age=20';
const searchParams = new URLSearchParams(locationSearch);
for (const param of searchParams) {
console.log(param);
}
// 결과
['name', 'user']
['age', '20']
전체 URL에서 특정 파라미터만 가져오는 방법
const urlParams = new URL(location.href).searchParams;
const name = urlParams.get('name');
console.log(name)