[JS] 현재 페이지 URL과 파라미터 가져오기 [URLSearchParams 객체 사용하여 parameter를 js 변수에 담기]

---

- 현재 페이지 URL과 파라미터 가져오기

1. 현재 페이지 URL 가져오기

// 현재 페이지의 URL 가져오기
window.location.href // https://yermi.tistory.com/?id=test&pw=1234

// 현재 페이지의 쿼리스트링만 가져오기
window.location.search // ?id=test&pw=1234

---

2. 현재 페이지 파라미터 변수에 담기

const url = new URL("https://yermi.tistory.com/?id=test&pw=1234");

// URLSearchParams 객체 사용
const urlParams = url.searchParams;

// 각 파라미터 변수에 담기
let id = urlParams.get('id'); // test
let pw = urlParams.get('pw'); // 1234
let option = urlParams.get('option'); // 1 ← 배열의 경우, 첫 번째 값만 반환한다.

// 배열 전체를 가져오고 싶다면, URLSearchParams.getAll()을 사용하면 된다.
let options = urlParams.getAll('option'); // [1,2,3]

---

- 참고자료

[Javascript] URL 파라미터 값 가져오기 (쿼리스트링 값)

---