JavaScript의 URL에서 호스트 이름과 경로를 효율적으로 추출하려면 어떻게 해야 합니까?

JavaScript의 URL 구문 분석: 호스트 이름 및 경로 추출

URL을 구문 분석하여 호스트 이름과 경로를 분리하는 것은 웹 개발에서 일반적인 작업입니다. JavaScript에서는 여러 가지 접근 방식을 통해 이 작업을 수행할 수 있습니다. 구체적인 예를 통해 그 중 일부를 살펴보겠습니다.

최신 접근 방식: URL 생성자 사용

URL 생성자는 URL을 구문 분석하는 현대적이고 효율적인 방법입니다. 호스트 이름, 경로 이름 등과 같은 속성을 가진 객체를 생성합니다. 예를 들어 URL이 다음과 같이 주어진 경우:

var a = "http://example.com/aa/bb/"

URL 생성자를 사용하여 구문 분석할 수 있습니다.

const parsedURL = new URL(a);
console.log(parsedURL.hostname); // "example.com"
console.log(parsedURL.pathname); // "/aa/bb"

참고: 호스트 이름에는 포트, 호스트 속성에는 둘 다 포함됩니다.

대안 접근법

정규식:

정규식을 사용하면 URL을 구문 분석할 수도 있습니다. 예는 다음과 같습니다.

const regex = /^(?:https?:\/\/)?(?:www\.)?([^\/\n]+)(?:\/(.*))?$/;
const match = regex.exec(a);
console.log(match[1]); // "example.com"
console.log(match[2]); // "/aa/bb"

위치 개체:

위치 개체는 브라우저 환경에서 URL 관련 속성에 대한 액세스를 제공합니다.

const parsedURL = window.location;
console.log(parsedURL.hostname); // "example.com"
console.log(parsedURL.pathname); // "/aa/bb"

어떤 접근 방식을 선택할지는 특정 요구 사항과 환경에 따라 다릅니다. URL 생성자를 사용하는 것은 일반적으로 최신 JavaScript 애플리케이션에 권장되는 반면 정규식 또는 위치 객체는 레거시 지원이나 특정 상황에 적합할 수 있습니다.

위 내용은 JavaScript의 URL에서 호스트 이름과 경로를 효율적으로 추출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!