[typescript] 정규 표현식을 사용하여 URL에서 쿼리 파라미터 추출하는 방법

21 Dec 2023

typescript

URL에서 쿼리 파라미터를 추출하기 위해 정규 표현식을 사용할 수 있습니다. 다음은 TypeScript에서 URL에서 쿼리 파라미터를 추출하는 예제 코드입니다.

function extractQueryParams(url: string): { [key: string]: string } {
  const queryParams: { [key: string]: string } = {};
  const queryString = url.split('?')[1];
  if (queryString) {
    queryString.split('&').forEach((param) => {
      const [key, value] = param.split('=');
      queryParams[key] = decodeURIComponent(value);
    });
  }
  return queryParams;
}

const url = 'https://example.com/api?name=John&age=30';
const queryParams = extractQueryParams(url);
console.log(queryParams);

위의 코드는 URL을 입력받아 쿼리 파라미터를 추출하여 객체 형태로 반환하는 함수를 보여줍니다. URL에서 파라미터를 추출하기 위해 split, forEach 및 decodeURIComponent를 사용하였습니다.

정규 표현식을 사용하여 URL에서 쿼리 파라미터를 추출하는 데 유용한 라이브러리나 내장 함수들이 있지만, 간단한 경우에는 위와 같이 직접 구현하는 것이 가능합니다.

정규 표현식에 대한 더 자세한 내용은 MDN Web Docs의 “정규 표현식” 페이지를 참고하시기 바랍니다.