[JavaScript - 25] URLSearchParams

URLSearchParams는 웹 API의 일부로

URL의 검색 매개 변수(query parameters)를 쉽게 다룰 수 있게 도와주는 유틸리티 클래스입니다. 

이것은 주로 URL의 ? 뒤에 오는 쿼리 문자열을 파싱하거나 조작할 때 유용합니다.

 

여러가지 메서드 중에 일부 기능 및 사용법을 알아보겠습니다.

초기화

const params = new URLSearchParams("q=search&order=desc");

특정 키의 값 얻기

const qValue = params.get("q"); // "search"

모든 키의 값 얻기

for (let [key, value] of params) {
  console.log(key, value);
}

키 추가 / 업데이트

params.set("newKey", "newValue");

키 삭제

params.delete("q");

키 확인

if (params.has("q")) {
  console.log("q exists");
}

전체 쿼리 문자열 얻기

const queryString = params.toString(); // "order=desc&newKey=newValue"

---

URLSearchParams는 브라우저 네이티브 API로, 쿼리 문자열을 파싱하거나 생성할 때 편리합니다. 

별도의 라이브러리나 복잡한 로직 없이도 쿼리 문자열과 쉽게 상호 작용할 수 있게 도와줍니다.

 

공식문서에 보다 더 다양한 메서드들을 참고하세요.

https://developer.mozilla.org/ko/docs/Web/API/URLSearchParams

URLSearchParams - Web API | MDN