JavaScript의 Split함수는 문자열을 일정한 구분자로 자르는 메소드입니다.
구분자로 잘라진 문자열들은 배열에 담아 사용하게 됩니다.
Split함수
Split함수는 다음과 같은 형식으로 사용합니다.
string.split(separator, limit);
위 형식과 같이 'Split함수'는 문자, 문자열을 'separator'라는 구분자를 기준으로 잘라 'limit' 크기 이하의 배열에 저장하여 리턴하게 됩니다.
여기에서 'separator'라는 구분자는 필수값은 아니지만, 입력하지 않으면 문자열 전체를 배열에 담아 리턴하게 됩니다.
그렇기 때문에, 문자열을 잘라줄 구분자를 명시합니다.
'limit'은 최대 분할 개수를 나타내며, 필수 값이 아닙니다.
Split함수의 사용 예제
1. 파라미터를 입력하지 않은 경우
파라미터로 아무것도 전달하지 않는다면, 문자열 전체를 length 1(길이가 1)인 배열에 담아 리턴합니다.
const str = "red yellow green blue";
const arr = str.split();
document.writeln(arr); // red yellow green blue
document.writeln(arr.length); // 1
2. 단어별로(separator=" ") 잘라서 배열에 담기
separator로 " "(한 칸 띔)를 지정하면, 문자열을 구분자로 잘라 각각의 잘라진 조각들을 배열에 저장하여 리턴합니다.
const str = "red yellow green blue";
const arr = str.split(" ");
document.writeln(arr.length); // 4
document.writeln(arr[0]); // red
document.writeln(arr[1]); // yellow
document.writeln(arr[2]); // green
document.writeln(arr[3]); // blue
3. 글자별로(separator="") 잘라서 배열에 담기
separator로 ""을 전달하면, 문자열을 각각의 문자 별로 잘라, 한 글자씩(공백 포함) 배열에 저장하여 리턴합니다.
const str = "가 나 다";
const arr = str.split("");
document.writeln(arr.length); // 5
document.writeln(arr[0]); // 가
document.writeln(arr[1]); // ' '(space)
document.writeln(arr[2]); // 나
document.writeln(arr[3]); // ' '(space)
document.writeln(arr[4]); // 다
4. 특정 구분자로 잘라서 배열에 담기
separator(아래 예시에서는 ', ')를 지정하여, 문자열을 separator로 잘라 만들어진 조각들을 배열에 담아서 리턴합니다.
const str = "red,yellow,green,blue";
const arr = str.split(",");
document.writeln(arr.length); // 4
document.writeln(arr[0]); // red
document.writeln(arr[1]); // yellow
document.writeln(arr[2]); // green
document.writeln(arr[3]); // blue
5. limit 값 지정하기
두 번째 파라미터인 limit 값을 지정한 예시입니다. 아래 예제에서 문자열을 ','로 자르면 총 4개의 배열이 만들어지지만,
limit 값을 3으로 지정하였기 때문에 3개의 배열만 생성됩니다.
const str = "red,yellow,green,blue";
const arr = str.split(",", 3);
document.writeln(arr.length); // 3
document.writeln(arr[0]); // red
document.writeln(arr[1]); // yellow
document.writeln(arr[2]); // green
document.writeln(arr[3]); // undefined
JavaScript가 아닌 JAVA에서의 Split 함수
https://hajoung56.tistory.com/86
반응형
'JavaScript & JQuery' 카테고리의 다른 글
[JavaScript]카카오톡 인앱 브라우저 닫기(안드로이드, IOS) (4) | 2022.08.17 |
---|---|
[JavaScript]Input type number의 maxlength 적용(slice 메서드) (2) | 2022.05.20 |
[JQuery&JavaScript] JQuery와 Javascript의 차이점 (2) | 2022.04.18 |
[JavaScript]자주 사용하는 정규식 (2) | 2022.04.12 |
[JavaScript] 정규 표현식(RegExp)의 개념 (4) | 2022.04.12 |
댓글