JavaScript에서 URL을 슬래시(/) 기준으로 분할하는 방법

웹 개발을 하다 보면 URL을 특정 구분자를 기준으로 나누어야 할 때가 종종 있습니다. JavaScript에서는 split() 메서드를 사용하면 간단하게 처리할 수 있습니다. 먼저 toString()으로 값을 문자열로 변환한 뒤, 슬래시(/)를 구분자로 지정하여 URL을 분할하는 방법을 예제와 함께 살펴보겠습니다.

예제

var newURL = "https://www.example.com/index.html/homePage/aboutus/";
console.log(newURL);
var splitURL = newURL.toString().split("/");
console.log(splitURL);

위 코드에서는 split() 함수의 인자로 슬래시(/)를 전달했습니다. 그 이유는 URL을 모든 슬래시 뒤에서 잘라내야 하기 때문입니다. 또한 toString()을 먼저 호출하면 대상 값을 확실히 문자열로 변환해 주므로, split() 메서드를 안전하게 사용할 수 있습니다.

프로그램 실행 방법

위 프로그램을 실행하려면 터미널에서 다음 명령어를 입력하세요.

node fileName.js

출력 결과

여기서는 파일 이름이 demo150.js라고 가정하겠습니다. 프로그램을 실행하면 아래와 같은 결과가 출력됩니다.

PS C:\Users\Amit\JavaScript-code> node demo150.js
https://www.example.com/index.html/homePage/aboutus/
[
  'http:',
  '',
  'www.example.com',
  'index.html',
  'homePage',
  'aboutus',
  ''
]

결과 해석

출력된 배열을 보면 빈 문자열('')이 포함되어 있는 것을 확인할 수 있습니다. 이는 프로토콜 뒤의 //(두 개의 연속된 슬래시)와 URL 끝의 마지막 슬래시 때문입니다. split() 메서드는 구분자 사이에 내용이 없더라도 빈 문자열을 하나의 배열 요소로 반환하기 때문입니다. 따라서 실무에서는 filter(Boolean) 등을 활용해 빈 문자열 요소를 제거하면 더 깔끔한 결과를 얻을 수 있습니다.