본문 바로가기

웹프로그래밍/Javascript

Javascript(자바스크립트) split 함수

# split()

split 함수는 자바스크립트의 문자열에 사용할 수 있는 함수로 구분자나 정규식을 기준으로 문자열을 잘라 배열로 반환하는 함수이다.

 

# 예제

let str = "hello world"
let strArr = str.split(" ") // 공백을 기준으로 문자열을 잘라 배열로 반환된다.
console.log (strArr);

 

다음과 같은 코드를 쓰면 "hello world"를  공백을 기준으로 자르고 배열로 반환되어  ["hello", "world"]로 저장이 된다.

 

이를 이용하면 다양한 방법으로 쓸 수 있는데 대표적으로 주소의 쿼리스트링을 기준으로 특정 문자열을 가져오는 방법으로 활용할 수 있다.

 

let str = "https://address?&index=1" // 만약 이와 같은 주소가 str 변수내에 있다고 하면

let splitStr = str.split("?")[1]); // 이렇게 하면 쿼리 문자열인 &index=1 만 가져올 수 있다.

 

 

다음과 같은 방법을 사용하여 주소에서 쿼리 문자열을 가져 올 수 있다.

물론 실제로 주소를 가져오려면 저렇게 정적으로 가져오는 경우보다는 동적으로 가져오는 경우가 많아 다른 메서드를 추가로 써야하겠지만 그때도 split을 이용하여 원하는 문자열만 추출할 수 있다.

 

split 함수의 유의사항으로는 배열로 반환되기 때문에 이를 다시 문자열로 쓰려면 추가적인 방법을 써야한다는 점이다.