URLSearchParams Angular

agnusdei1207·2023년 7월 19일
0

URLSearchParams는 웹 API의 한 부분으로, URL의 쿼리 스트링(Query String)의 파싱 및 처리를 쉽게 할 수 있도록 제공되는 인터페이스입니다. 쿼리 스트링은 일반적으로 오직 URL에 ? 뒤에 이어 있는 데이터를 나타냅니다.

URLSearchParams를 사용하여 간단하게 쿼리 파라미터를 읽고, 추가하거나, 삭제하고, 수정하거나 반복할 수 있습니다.

간단한 사용법 예시는 다음과 같습니다.

// 쿼리 문자열을 지정하여 URLSearchParams 객체를 생성합니다.
const params = new URLSearchParams('key1=value1&key2=value2');

// 파라미터 추가
params.append('key3', 'value3');

// 파라미터 조회
console.log(params.get('key1')); // 출력: "value1"

// 파라미터 수정
params.set('key1', 'newValue1');
console.log(params.get('key1')); // 출력: "newValue1"

// 파라미터를 반복하여 처리
params.forEach((value, key) => {
  console.log(`${key}=${value}`);
});

// 파라미터 삭제
params.delete('key1');
console.log(params.get('key1')); // 출력: null

// 전체 쿼리 스트링 얻기
console.log(params.toString()); // 출력: "key2=value2&key3=value3"

이 외에도 URLSearchParams 인터페이스는 여러 가지 메소드가 존재하므로 필요한 작업에 알맞게 선택하여 사용할 수 있습니다.

1개의 댓글

comment-user-thumbnail
2023년 7월 19일

잘 봤습니다. 좋은 글 감사합니다.

답글 달기