URL()

WEB API

url()

URL 객체는 URL의 구문 분석, 구성, 정규화를 수행하는 Web API입니다. 이를 사용하여 자주 하는 쿼리 파싱도 간단히 할 수 있습니다. 예를 들어, 현재 페이지 URL에서 id 파라미터 값을 가져오는 방법은 다음과 같습니다:

const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

또한, URL 객체를 사용하여 기본 URL을 기준으로 상대 경로를 해석할 수도 있습니다. 예를 들어:

let baseURL = "https://developer.mozilla.org";
let relativeURL = new URL("/", baseURL); // => 
'https://developer.mozilla.org/'
let absoluteURL = new URL("/en-US/docs", baseURL); // => 
'https://developer.mozilla.org/en-US/docs'

URL 객체를 사용하면 상대 URL도 쉽게 처리할 수 있습니다. 예를 들어, 상대 URL "//foo.com"을 기준 URL "https://example.com"을 사용하여 절대 URL로 변환하는 방법은 다음과 같습니다:

let relativeURL = new URL("//foo.com", "https://example.com"); // => 'https://foo.com'

이와 같이 URL 객체를 활용하면 URL 관련 작업을 효율적으로 처리할 수 있습니다.