파라미터값 가져오는 방법

bella·2022년 5월 31일
0
  • 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)

profile
기록하며 공부하기

0개의 댓글