문자열을 분리하는 방법
JavaScript에서 문자열을 분리해야 하는 상황이 발생할 수 있습니다.
예를 들어, 문자열 "010-1234-5678"에서 하이픈(-)을 기준으로 문자열을 분리할 수 있습니다.
["010", "1234", "5678"]
위 상황에서 JavaScript가 제공하는 split() 메서드를 사용하여 문자열을 분리하여 배열에 할당할 수 있습니다.
이번 포스팅은 JavaScript에서 제공하는 split() 메서드를 사용하여 문자열을 분리하는 방법을 소개합니다.
String에서 제공하는 split 메서드
String에서 제공하는 split() 메서드를 사용하여 특정 구분자를 기준으로 문자열을 분리할 수 있습니다. 특정 구분자는 문자열 또는 정규표현식으로 설정할 수 있습니다.
str.split([separator[, limit]])
split() 메서드는 두 개의 매개변수를 가지며, 해당 매개변수는 생략할 수 있습니다.
separator
- 문자열을 분리하는 기준이며, 문자열 또는 정규표현식을 입력할 수 있습니다.
- 생략하는 경우 배열의 크기가 1인 배열을 반환합니다.
limit
- 분리되는 문자열의 개수를 설정할 수 있습니다.
- 생략하는 경우 문자열 전체를 분리합니다.
예제 1. split 메서드에 매개변수를 생략
split() 메서드에 매개변수를 전달하지 않으면, 해당 문자열을 배열의 요소로 가지는 크기가 1인 배열을 반환합니다.
const strValue = "010-1234-5678";
const strValueSplit = strValue.split();
console.log(strValueSplit); // ['010-1234-5678']
예제 2. 특정 문자열을 기준으로 분리
다음 예제는 문자열 "010-1234-5678"을 하이픈(-) 기준으로 분리합니다.
const strValue = "010-1234-5678";
const strValueSplit = strValue.split("-");
console.log(strValueSplit); // ['010', '1234', '5678']
특정 문자열은 다음 예제처럼 띄어쓰기 또는 길이가 2보다 큰 문자열로 설정할 수 있습니다.
const strValue1 = "010 1234 5678";
const strValueSplit1 = strValue.split(" ");
console.log(strValueSplit1); // ['010', '1234', '5678']
const strValue2 = "010ABC1234ABC5678";
const strValueSplit2 = strValue.split("ABC");
console.log(strValueSplit2); // ['010', '1234', '5678']
예제 3. 첫 번째 매개변수에 빈 문자열("")을 전달
첫 번째 매개변수에 빈 문자열("")을 전달하는 경우 문자열을 문자로 분리합니다.
const strValue = "ABCDE";
const strValueSplit = strValue.split("");
console.log(strValueSplit); // ['A', 'B', 'C', 'D', 'E']
예제 4. 정규 표현식 기준으로 분리
첫 번째 매개변수에 문자열이 아닌 정규 표현식을 전달할 수 있습니다.
다음 예제는 정규 표현식을 사용하여 숫자를 기준으로 문자열을 분리합니다.
const strValue = "A1B2C3D4E";
const strValueSplit = strValue.split(/\d/);
console.log(strValueSplit); // ['A', 'B', 'C', 'D', 'E']
예제 5. 반환되는 배열의 크기를 제한
두 번째 매개변수에 분리되는 문자열의 개수를 설정하여 배열의 크기를 제한할 수 있습니다.
다음 예제는 문자열 "010-1234-5678"을 하이픈(-) 기준으로 분리하며, 배열의 크기를 2로 제한합니다.
const strValue = "010-1234-5678";
const strValueSplit = strValue.split("-", 2);
console.log(strValueSplit); // ['010', '1234']
'JavaScript > 문자열' 카테고리의 다른 글
[JavaScript]문자열이 null인지 빈 값인지 체크하는 방법 (0) | 2022.10.01 |
---|---|
[JavaScript]문자열을 배열로 변환하는 방법 (0) | 2022.10.01 |
[JavaScript]문자열인지 확인하는 방법 (0) | 2022.09.23 |
[JavaScript]문자열 비교하는 방법 (0) | 2022.09.23 |
[JavaScript]첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 (0) | 2022.09.18 |
댓글