[Javascript] url 파라미터 추출하기

우리가 GET 요청을 날릴 때 파라미터를 추출할 때가 있는데요, new URL() 객체를 사용해 할 수 있습니다.

 

현재 url 가져오기

window.location.href

현재 url의 파라미터만 가져오기

window.location.search

현재 url의 특정 파라미터를 지정해 값 가져오기

new URL(원하는 url).searchParams.get('파라미터키');

모든 파라미터의 키 얻기

const keys = new URLSearchParams(url).keys()
for(const key of keys) {
  console.log(key);
}

모든 파라미터의 값 얻기

const values = new URLSearchParams(url).values()
for(const value of values) {
  console.log(value);
}

파라미터 추가/변경/삭제 하기

new URLSearchParams(url).has("파라미터키") //파라미터가 있는지 체크
new URLSearchParams(url).append("파라미터키","파라미터값") //파라미터 추가
new URLSearchParams(url).set("파라미터키","파라미터값") //파라미터 수정
new URLSearchParams(url).delete("파라미터키") //파라미터 삭제