쿼리 스트링의 키-값 쌍을 추가하고, 제거하고, 문자열을 직접 생성할 수 있는 생성자.
const params = new URLSearchParams();
append() 메서드와 set() 메서드의 차이
append()는 키-값 쌍을 계속 추가하고
const params = new URLSearchParams();
params.append('qs', 'test1');
params.append('qs', 'test2');
console.log(params.toString());
// qs=test1&qs=test2
set()은 교체한다.
const params = new URLSearchParams();
params.set('qs', 'test1');
params.set('qs', 'test2');
console.log(params.toString());
// qs=test2
get() 키에 해당하는 값 검색
const params = new URLSearchParams();
params.set('qs','test')
const newParams = params.get('qs');
console.log(newParams); // test
delete() 키 제거
params.delete('qs');
Next의 useSearchParams가 Readonly이기 때문에 값의 변경이 필요할 때 사용한다.
반응형
'[Develop] 개발공부 > FE - 프론트엔드' 카테고리의 다른 글
Next js 14 로컬 폰트 여러개 Array로 처리하기 (0) | 2024.09.20 |
---|---|
nextjs public 폴더 경로 / nextjs 이미지 경로 설정 (0) | 2024.09.13 |
콘솔에 할당 전 데이터가 들어있다??? (0) | 2024.05.13 |
No index signature with a parameter of type 'string' was found on type | 문자열 인덱싱 시그니처 타입에러 (0) | 2023.11.16 |
url 이미지를 blob으로 변환, url image Blob 객체로 변환하여 다운로드하기 (1) | 2023.09.25 |