본문 바로가기

JavaScript

split()와 join()

split()

split() 메서드를 사용하면 문자열을 여러 조각으로 나누어 배열에 넣는 것이 가능합니다.

 

예시 코드와 함께 정리해보도록 하겠습니다.

 

const data = "KOREA;12.11;2000";

const splitedData = data.split(";");

console.log(splitedData); // ['KOREA', '12.11', '2000'] 출력

split() 메서드는 첫 번째 인자로 나눠주는 기준인 구분자를 받으며

 

두 번째 인자로는 선택적 인수인 만들어질 요소의 개수를 제한하는 인수를 받습니다.

 

예시 코드에서 split() 메서드의 인자로 구분자인 ";"을 받았기 때문에 ";" 기준으로 분리되어 배열에 담기게 됩니다.

 

const data = "KOREA;12.11;2000";

const splitedData = data.split(";");

splitedData[2] = +splitedData[2]; // 문자열 "2000"을 수자 2000으로 변환

console.log(splitedData); // ['KOREA', '12.11', 2000] 출력

배열에 담긴 요소는 문자열로 담기기 때문에 필요시 별도의 타입 변환을 해주어야 합니다.

 

 

join()
const nameData = ["Lee", "SH"];

const personName = nameData.join();

console.log(personName); // Lee,SH 출력

join() 메서드를 사용하면 배열 안의 요소를 문자열로 만드는 것이 가능합니다.

 

join() 메서드 역시 인자로 구분자를 받으며 요소를 합칠 때 구분자를 이용합니다.

 

별도의 구분자를 인자로 받지 않으면 기본값이 ","로 구분자가 지정되어 위의 예시 코드처럼 배열 안 요소가 문자열로 만들어지게 됩니다.

 

const nameData = ["Lee", "SH"];

const personName = nameData.join(" "); // 구분자로 공백 사용

console.log(personName); // Lee SH 출력

구분자로 공백을 사용하면 위의 결과처럼 문자열로 만들어지게 됩니다.

 

 

'JavaScript' 카테고리의 다른 글

배열 구조 분해(비구조화할당)  (2) 2022.09.10
Spread Operator - 전개 연산자  (0) 2022.09.10
includes()  (0) 2022.09.10
indexof() 와 lastIndexof()  (2) 2022.09.10
reduce()  (0) 2022.09.07