반응형
예전에 fetch로 form data 보내기 글에서 오브젝트를 쿼리 스트링으로 변환하는 방법으로 URLSearchParams를 소개한 적이 있다.
const objectToQueryString = (object) => new URLSearchParams(object).toString();
최근에 반대로 쿼리 스트링을 오브젝트로 변환할 일이 있어서 찾아봤더니 굉장히 간단했다.
const queryStringToObject = (queryString) => Object.fromEntries(
new URLSearchParams(queryString)
);
Object.fromEntries는 [key, value] 형태가 들어있는 배열을 object로 만들어 준다. 사실 URLSearchParams에 entries() 메소드가 있는데 얘가 URLSearchParams를 [key, value] 배열이 들어있는 배열을 반환한다. (물론 정확히는 배열이 아니라 이터레이터긴 하다) 근데 굳이 안 써줘도 작동함.
반응형
'프로그래밍 > 웹' 카테고리의 다른 글
[JavaScript] Debounce, Throttle 함수 (0) | 2023.03.18 |
---|---|
[JavaScript] window.open()으로 연 창에서 onload 이벤트가 실행되지 않을 때 (2) | 2022.11.16 |
Tailwind CSS 클래스 모음집 사이트 (0) | 2022.07.31 |
[CSS] 간단한 중앙 정렬 (0) | 2022.07.09 |
[Node.js] 로컬 패키지 사용하기(+alias) (0) | 2022.06.13 |
[Node.js] yarn upgrade를 해도 package.json가 그대로 일 때 (0) | 2022.03.19 |
토큰은 어디에 저장해야 하는가? (0) | 2022.02.14 |
[자작] parcel-transformer-interpolate-html (0) | 2022.01.14 |