[JavaScript] split() / join()

split() 이란

 문자열을 특정 구분자로 나누어 배열에 저장하는 메소드

 

문법

string.split( separator, limit );

인자로 separator(구분자)와 limit을 받는다. limit은 최대 분할 개수를 의미하며 생략가능하다.(limit 값을 정하지 않으면 전체를 다 분할한다.)

 

코드 예제1

// str변수에 'abcd' 문자열을 넣어준다.
let str = 'abcd';

// strArr변수에 위에서 생성했던 문자열을 특정 기호(기호를 쓰지 않을 경우 문자하나씩)를 기준으로 나누어 배열형태로 저장해준다.
let strArr = str.split('');

결과

strArr = ['a', 'b', 'c', 'd'];

 

코드 예제2

// str변수에 'Hello World !!' 문자열을 넣어준다.
let str = 'Hello World !!';

// strArr변수에 위에서 생성했던 문자열을 특정 기호(아래 소스에서는 공백)을 기준으로 나누어 배열형태로 저장해준다.
let strArr = str.split(' ');

결과

strArr = ['Hello', 'World', '!!'];

 

코드 예제3

// str변수에 'Hello World !!' 문자열을 넣어준다.
let str = 'Hello World !!';

// strArr변수에 위에서 생성했던 문자열을 특정 기호(아래 소스에서는 공백)을 기준으로 나누어 배열형태로 저장해준다.
let strArr = str.split(' ', 2);

결과

strArr = ['Hello', 'World'];

limit 인자를 2로 주었기 때문에 Hello와 World 두개의 문자열만 받아 배열에 저장.

 

 

join() 이란

 join()이란 split()과 반대로 배열에 담긴 모든 요소를 문자열로 반환하여 준다.

 

문법

arr.join();

 

코드 예제

let arr = ['Hello', 'World', '!!'];

let str1 = a.join();
let str2 = a.join(', ');
let str3 = a.join(' + '); 
let str4 = a.join('');

결과 

str1 = 'Hello,World,!!'
str2 = 'Hello, World, !!'
str3 = 'Hello + Worlde + !!'
str4 = 'HelloWorld!!'

 

구분자를 생략하면 기본으로 ',' 구분자로 문자열을 생성한다.