[JavaScript] 문자열을 구분자로 배열로 나누는 방법 - Split()

JavaScript에서 문자열을 특정 구분자를 기준으로 나누어 배열로 변환하는 가장 기본적인 방법은 split() 메서드를 사용하는 것입니다. 이번 글에서는 split() 메서드의 사용법과 함께 다양한 예제를 통해 이를 이해해보겠습니다.

---

기본 사용법

split() 메서드는 문자열을 지정된 구분자로 나누어 배열로 반환합니다.

const text = "apple,banana,grape";
const result = text.split(",");
console.log(result); 
// 출력: ["apple", "banana", "grape"]

 

위 예제에서 문자열 text는 쉼표(,)를 기준으로 나뉘어 세 개의 요소를 가진 배열로 변환됩니다.

---

공백을 기준으로 나누기

공백 문자를 기준으로 문자열을 나눌 수도 있습니다.

const sentence = "This is a simple example";
const words = sentence.split(" ");
console.log(words); 
// 출력: ["This", "is", "a", "simple", "example"]

 

---

정규식을 사용한 나누기

split() 메서드는 문자열 뿐만 아니라 정규식도 사용할 수 있습니다. 예를 들어, 여러 개의 공백을 기준으로 문자열을 나누고 싶다면 다음과 같이 작성합니다.

const text = "apple    banana   grape";
const result = text.split(/\s+/);
console.log(result); 
// 출력: ["apple", "banana", "grape"]

 

정규식 /\s+/는 하나 이상의 공백을 의미합니다.

---

특정 구분자 포함 문자열 처리

구분자가 문자열에 포함되지 않는 경우, split()은 원본 문자열 전체를 배열의 단일 요소로 반환합니다.

const text = "apple,banana,grape";
const result = text.split("|");
console.log(result); 
// 출력: ["apple,banana,grape"]

 

---

제한된 개수의 요소만 반환

split() 메서드의 두 번째 매개변수는 반환할 최대 배열 요소 수를 지정합니다.

const text = "apple,banana,grape";
const result = text.split(",", 2);
console.log(result); 
// 출력: ["apple", "banana"]

 

---

빈 문자열 처리

빈 문자열을 split()에 전달하면 각 문자로 나뉜 배열이 반환됩니다.

const text = "hello";
const result = text.split("");
console.log(result); 
// 출력: ["h", "e", "l", "l", "o"]

 

---

실습: 다양한 구분자로 문자열 나누기

다음은 다양한 구분자를 사용하여 문자열을 나누는 예제입니다.

const text = "apple|banana,grape;orange";
const result = text.split(/[|,;]/);
console.log(result); 
// 출력: ["apple", "banana", "grape", "orange"]

 

여기서 정규식 [|,;]는 세 가지 구분자(|, ,, ;)를 모두 처리합니다.

---