호스트 이름과 경로를 추출하기 위해 JavaScript에서 URL을 효율적으로 구문 분석하려면 어떻게 해야 합니까?

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

JavaScript에서 URL을 작업할 때 문자열에서 특정 구성 요소를 추출해야 하는 경우가 많습니다. 대표. 이 경우 목표는 URL을 호스트 이름(예: "example.com") 및 경로(예: "/aa/bb")를 포함하는 구성 부분으로 구문 분석하는 것입니다.

최신 솔루션

JavaScript의 URL 구문 분석에 대한 현대적이고 표준화된 접근 방식은 URL 생성자를 사용하는 것입니다. 다음 예를 고려하십시오.

let a = new URL("http://example.com/aa/bb/");

이 생성자는 다음 속성을 가진 객체를 반환합니다.

• 호스트 이름: "example.com"
• 경로 이름: "/aa/bb"

참고:

• host에는 호스트 이름과 포트(있는 경우)가 모두 포함되지만 호스트 이름에는 도메인만 포함됩니다. .
• 상대 URL(프로토콜이나 도메인 없음)에는 올바른 구문 분석을 위해 두 번째 인수인 기본 URL이 필요합니다. 예:

let a = new URL("/aa/bb/", location);

레거시 옵션

• RegExp: 정규식을 사용하여 호스트 이름 및 경로이지만 복잡한 패턴이 필요합니다. match.
• 앵커 태그: DOM에서 앵커 요소를 생성하고 해당 href 속성에 URL을 할당하면 호스트 이름 및 경로 이름과 같은 구성 요소 속성에 대한 액세스가 제공됩니다.

고려사항

• 최신 URL 생성자는 다음에서 지원됩니다. 대부분의 주요 브라우저 및 Node.js 버전.
• 이전 환경의 경우 레거시 메소드 또는 폴리필이 필요할 수 있습니다.

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