URL 객체의 hostname 속성 활용하기
JavaScript에서 URL 문자열 중 호스트 이름(host name) 부분만 추출하고 싶다면 URL 객체의 hostname 속성을 사용하는 것이 가장 간단하고 확실한 방법입니다.
new URL() 생성자로 문자열을 URL 객체로 변환하면 프로토콜, 경로, 쿼리 등 다양한 구성 요소에 쉽게 접근할 수 있으며, 그중 hostname 속성은 도메인 주소(호스트 이름)만 깔끔하게 반환합니다.
예제 코드
<!DOCTYPE html>
<html>
<body>
<script>
var url = new URL("https://example.com/asdf/asdf/sadf.aspx?blah");
document.write(url.hostname);
</script>
</body>
</html>실행 결과
위 코드를 실행하면 다음과 같이 호스트 이름만 출력됩니다.
example.com
주요 포인트 정리
- new URL(): URL 문자열을 파싱하여 조작 가능한 URL 객체로 만듭니다.
- hostname: 포트 번호를 제외한 순수한 호스트 이름(도메인)을 반환합니다. 포트까지 필요하다면
host속성을 사용하세요. - 쿼리 문자열(
?blah)이나 경로(/asdf/...)는 결과에 포함되지 않습니다.
이처럼 URL 객체를 활용하면 복잡한 문자열 처리 없이도 원하는 정보를 안전하고 직관적으로 추출할 수 있습니다.