[JavaScript] split() 메서드 알아보기 (문자열을 배열로 만들기)

(한줄정리)

문자열을 배열로 만든다.

 

1. 사용법

split()
split(separator)
split(separator, limit)

1.1 매개변수

separator(optional)

1. 선택
2. 문자열을 잘라 줄 구분자 (문자열 또는 정규식을 받음)                                          **정규식은 시간내서공부필요
3. 빈 문자열일 경우 각각의 문자가 배열의 원소 하나씩으로 변환된다. 

limit (optional)

1. 선택
2. 최대 분할 갯수  ( 끊어진 문자열의 최대 개수를 나타내는 정수이다.)

• 이 매개변수가 전달하면 split()메서드는 주어진 separator이 등장할 때마다 문자열을 끊지만, 배열의 원소가 limit개가 되면 멈춘다. ( 남은 문자열은 새로운 배열에 포함되지 않는다.)

 

1-2. 반환값

• 주어진 문자열을 separator마다 끊은 부분 문자열을 담은 Array 

 

---

예제1. 파라미터를 입력하지 않을 경우

const 하드웨어 = "cpu memory bus resister";

const arr = 하드웨어.split();

console.log(arr); //["cpu memory bus resister"]
console.log(arr.length); //1

• 파라미터로 아무것도 전달하지 않으면 문자열 전체를 length 1인 배열에 담아서 리턴합니다.

 

---

예제2. 단어별로(separator=" ") 잘라서 배열에 담기

const 하드웨어 = "cpu memory bus resister";

const arr = 하드웨어.split(" ");

console.log(arr); //["cpu","memory","bus","resister"]
console.log(arr.length); //4
console.log(arr[0]); //"cpu"
console.log(arr[1]); //"memory"
console.log(arr[2]); //"bus"
console.log(arr[3]); //"resister"

---

예제3. 글자별로(separator="")잘라서 배열에 담기

const 하드웨어 = "cpu memory bus resister";

const arr = 하드웨어.split("");

console.log(arr); //["c","p","u"," ","m","e","m","o","r","y"," ","b","u","s"," ","r","e","s","i","s","t","e","r"]
console.log(arr.length); //23

---

예제 4. 특정 구분자로 잘라서 배열에 담기

const 하드웨어 = "cpu,memory,bus,resister";

const arr = 하드웨어.split(",");

console.log(arr); // ["cpu","memory","bus","resister"]
console.log(arr.length); //4

---

예제 5. limit 값 지정하기

const 하드웨어 = "cpu,memory,bus,resister";

const arr = 하드웨어.split(",", 2);

console.log(arr); // ["cpu","memory"]
console.log(arr.length); //2
console.log(arr[0]); //"cpu"
console.log(arr[1]); //"memory"
console.log(arr[2]); //undefined

• 두번째 파라미터인 limit 값을 지정하였다.
• 위의 예제에서 문자열을 ','로 자르면 총 4개의 배열이 만들어지지만, limit 값을 2로 지정하였기 때문에2개의 배열만 생성되었다.

 

2. 어느 경우에 사용해야할까?  (추후 작성)

• 문자열을 배열로 만드는 경우?
• join() 과 섞어가며 사용하면 될까?

 

3. 관련문제 

프로그래머스 lv0. 문자열안에 문자열

 

 

 

---

<reference site>

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split

String.prototype.split() - JavaScript | MDN

https://hianna.tistory.com/377

[Javascript] 문자열을 배열로 변환 (split 함수)

https://www.youtube.com/watch?v=3CUjtKJ7PJg&t=1187s&ab_channel=%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9