728x90
반응형
자바스크립트에서 URL의 QueryString 값을 쉽게 파싱해서 사용하는 방법이 있습니다.
아래 함수의 리턴 형태는 Object(key-value)이므로 사용하기 용이합니다.
/**
* URL queryString 값을 (key-value) 형식으로 가져오는 함수
*/
export const getURLParameters = () => {
const params = {}
location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value) {
params[key] = value
})
return params
}
아래는 해당 함수를 사용한 테스트 케이스입니다.
// before
https://www.google.com/search?q=%ED%85%8C%EC%8A%A4%ED%8A%B8%EC%9E%85%EB%8B%88%EB%8B%A4&oq=%ED%85%8C%EC%8A%A4%ED%8A%B8%EC%9E%85%EB%8B%88%EB%8B%A4&aqs=chrome.0.0l2.1616j0j7&sourceid=chrome&ie=UTF-8
// after
{q: "%ED%85%8C%EC%8A%A4%ED%8A%B8%EC%9E%85%EB%8B%88%EB%8B%A4", oq: "%ED%85%8C%EC%8A%A4%ED%8A%B8%EC%9E%85%EB%8B%88%EB%8B%A4", aqs: "chrome.0.0l2.1616j0j7", sourceid: "chrome", ie: "UTF-8"}
728x90
반응형
그리드형
'개발 > Javascript' 카테고리의 다른 글
NVM을 활용해서 쉽고 효율적이게 노드(Node.js) 버전을 관리해보자 (2) | 2020.07.23 |
---|---|
[Nodejs] Nodejs에서 손쉽게 폴더 생성하는 방법 (0) | 2020.06.30 |
자바스크립트 인스턴스 이름 가져오는 방법 (javascript get instance name) (0) | 2020.03.01 |
정규표현식으로 문자열 띄어쓰기와 공백 모두 제거하는 방법 (replace all line breaks javascript) (0) | 2020.02.27 |
자바스크립트로 구현한 싱글톤 패턴 (Singleton Patterns) (0) | 2020.02.25 |
이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.