GitHub
©-2 kd02109 All rights reserved.

URL & URLSearchParams

  • javascript
  • Web Api
April 2, 2023

URLSearchParams

  • URLSearchParams는 URL의 쿼리 문자열 매개변수로 작업할 수 있는 메서드를 제공하는 내장 JavaScript API입니다. 이를 통해 URL의 매개변수를 쉽게 구문 분석하고 조작할 수 있습니다.
const url = new URL('https://example.com/search?q=javascript&page=1');
console.dir(url);
img 
const searchParams = new URLSearchParams(url.search);
console.dir(searchParams);
img 
for (let p of searchParams) {
  //q=javascript&page=1
  console.log(p);
}
img
  • 키가 q이고 벨류는 javascript인 쿼리를 배열로 저장하고 있다.

다양한 메서드 활용

const url = new URL('https://example.com/search?q=javascript&page=1');
const searchParams = new URLSearchParams(url.search);
searchParams.append('sort', 'date');
console.log(searchParams.toString()); // output: "q=javascript&page=1&sort=date"
searchParams.set('page', '2');
console.log(searchParams.toString()); // output: "q=javascript&page=2&sort=date"
searchParams.delete('sort');
console.log(searchParams.toString()); // output: "q=javascript&page=2"
Content Table
  • URLSearchParams
  • 다양한 메서드 활용
CORS
module