본문 바로가기
vita_Programing

자바스크립트 문자열을 split 함수를 이용하여 배열을 만들어 활용하는 방법

by lemonvita 2023. 10. 20.
728x90
반응형

 

Javascript split 함수로 문자열을 배열로 바꾸기

자바스크립트에서 문자열을 split() 함수를 사용하여 배열로 분할하고, 그 배열을 활용하는 방법에 대해 알아보겠습니다. split() 함수는 주어진 구분자를 기준으로 문자열을 나누어 배열로 반환해 주는 유용한 메서드입니다.

 

 

 

 

 

728x90

 

 

split() 함수란?

split() 함수는 문자열 객체의 메서드 중 하나로, 주어진 구분자를 기준으로 해당 문자열을 여러 부분으로 나누어 배열로 반환합니다. 반환된 배열은 원래 문자열의 각 부분이 요소로 들어있습니다.

 

 

 

split() 함수의 사용법

split() 함수는 다음과 같은 형식으로 사용됩니다:

 

str.split(separator, limit)

str : 분할하고자 하는 원래의 문자열입니다.
separator: 구분자(separator)로 사용될 값입니다. 이 값을 기준으로 문자열이 분할됩니다.
limit (선택사항): 반환되는 배열의 최대 길이입니다.

 

 

 

 

예제 : 주소에서 도시와 구명 추출하기

예시를 통해 실제적인 활용 방법을 살펴보겠습니다. 가정해보겠습니다. 당신은 주소가 포함된 변수(address)가 있다고 가정합니다.

 

let address = "서울특별시 강남구 역삼동";

위와 같은 주소에서 도시와 구명만 추출하여 따로 변수에 저장하려면 어떻게 해야 할까요? 여기서 split() 함수가 유용하게 사용됩니다.

 

let parts = address.split(" ");
let city = parts[0];
let district = parts[1];

위 코드에서 우리는 공백(" ")을 구분자(separator)로 사용하여 주소를 공백 단위로 나누었습니다. 그 결과, "서울특별시", "강남구", "역삼동" 세 개의 요소가 들어있는 배열(parts)이 생성되었습니다.

그리고 각 요소들은 인덱스(index)를 통해 접근할 수 있으므로, 첫 번째 요소(parts[0])인 "서울특별시"를 도시(city) 변수에 저장하고, 두 번째 요소(parts[1])인 "강남구"를 구명(district) 변수에 저장했습니다.

이제 동일한 방식으로 다른 예제도 시도해 볼 수 있습니다!

 

 

 

마무리

split() 함수는 자바스크립트에서 매우 유용한 메서드 중 하나입니다. 이를 통해 우리는 문자열을 원하는 기준에 따라 쉽게 분할하여 처리할 수 있습니다. 위 예제처럼 주소에서 필요한 정보만 추출하거나, 다양한 상황에서 활용 가능합니다.

더 많은 예제와 실전 활용 사례들은 공식 문서 등 참고 자료들에서 확인하실 수 있으니 궁금한 점이 있다면 찾아보세요!

Happy coding! 😊

이상으로 "자바스크립트 문자열을 split 함수를 이용하여 배열을 만들어 활용하는 방법"에 대해 알아보았습니다.

 

 

 

 

728x90
반응형