정규식으로 URL 쿼리스트링에서 특정 파라미터 추출

Internet Explorer는 URLSearchParams를 지원하지 않는다. 그래서 URL 쿼리스트링을 다루기가 귀찮아진다.

polyfill을 넣거나 쿼리스트링을 뽑아내는 함수를 따로 만드는건 좋은 방법이지만, 상황에 따라 딱 한 줄의 코드로 내가 원하는 key의 value를 뽑아내고 싶을 때가 있다.

그래서 간단한 정규식과 replace문으로 쿼리스트링 중 특정 key의 value를 뽑아내는 코드를 만들어보았다.

// 아래 코드의 'key'를 수정하여 원하는 value를 뽑아내자
var wantedParam = /[a-zA-Z0-9_-]*/.exec(window.location.search)[0].replace("&key=", "").replace("key=", "");

다소 번잡하지만 잘 돌아간다.

더 귀찮으면 이렇게 해도 좋다.

// 아래 코드의 'key'를 수정하여 원하는 value를 뽑아내자
window.location.search.match(/key=([^&]*)/)[1];

하드코딩이라 욕을 먹을 수도 있으니 주의해서 사용하자.

• 참고: URLSearchParams 브라우저 호환성