URLSearchParams 내장 객체

'URLSearchParams' 는 URL의 쿼리 문자열을 쉽게 다루기 위해 JavaScript에서 제공하는 내장 객체

: 이 객체를 사용하면 URL 의 쿼리 매개변수를 파싱, 수정, 생성할 수 있습니다.
'URLSearchParams' 객체는 주로 URL의 쿼리 부분을 조작하는데 사용됩니다.

객체 생성 + 초기값으로 객체를 사용하는 법

const params = new URLSearchParams({
  name: 'John',
  age: '30'
});

주요 메서드

append(name, value) : 새로운 쿼리 매개변수를 추가합니다.

const params = new URLSearchParams();
params.append('name', 'John');
console.log(params.toString()); // "name=John"

set(name, value): 기존 매개변수가 있으면 값을 업데이트하고, 없으면 추가합니다.

const params = new URLSearchParams('name=John');
params.set('name', 'Doe');
console.log(params.toString()); // "name=Doe"

get(name): 특정 매개변수의 값을 반환합니다.

const params = new URLSearchParams('name=John&age=30');
console.log(params.get('name')); // "John"

getAll(name): 특정 매개변수의 모든 값을 배열로 반환합니다.

const params = new URLSearchParams('name=John&name=Doe');
console.log(params.getAll('name')); // ["John", "Doe"]

has(name): 특정 매개변수가 있는지 여부를 확인합니다.

const params = new URLSearchParams('name=John');
console.log(params.has('name')); // true
console.log(params.has('age')); // false

delete(name): 특정 매개변수를 삭제합니다.

const params = new URLSearchParams('name=John&age=30');
params.delete('age');
console.log(params.toString()); // "name=John"

toString(): URL 쿼리 문자열을 반환합니다.

const params = new URLSearchParams({ name: 'John', age: '30' });
console.log(params.toString()); // "name=John&age=30"

forEach(callback): 각 쿼리 매개변수에 대해 콜백 함수를 실행합니다.

const params = new URLSearchParams('name=John&age=30');
params.forEach((value, key) => {
  console.log(key, value);
});
// "name John"
// "age 30"