join / split

join

join() 함수는 배열의 모든 요소를 연결해 하나의 문자열로 반환한다.
(원본 배열은 변경되지 않는다)

join 형식


arr.join(separator);

separator: 각 요소 사이에 삽입할 구분자 (생략 시 ,가 기본값이다)
반환값: 배열 요소를 구분자로 이어 붙인 문자열

join 예제


const arr = ['apple', 'banana', 'cherry']
 
console.log(arr.join());      // 'apple,banana,cherry' (기본값 ,)
console.log(arr.join(', '));  // 'apple, banana, cherry'
console.log(arr.join(' / ')); // 'apple / banana / cherry'
console.log(arr.join(''));   // 'applebananacherry'

split

split() 함수는 문자열을 구분자 기준으로 나누어 배열로 반환한다.
(원본 문자열은 변경되지 않는다)

split 형식


str.split(separator, limit);

separator: 문자열을 나눌 기준 구분자
limit: 반환할 배열의 최대 길이 (선택사항)
반환값: 구분자를 기준으로 나뉜 문자열 배열

split 예제


const str = 'apple,banana,cherry'
 
console.log(str.split(','));     // ['apple', 'banana', 'cherry']
console.log(str.split(',', 2));  // ['apple', 'banana'] (최대 2개)
console.log(str.split(''));      // ['a','p','p','l','e',',', ...] (한 글자씩 분리)
console.log(str.split());        // ['apple,banana,cherry'] (구분 없이 배열로 감싼다)

join과 split의 관계

join()과 split()은 서로 반대 방향으로 동작한다.


// 문자열 → 배열 → 문자열
const str = 'apple,banana,cherry';
 
const arr = str.split(',');       // ['apple', 'banana', 'cherry']
const joined = arr.join(' - ');   // 'apple - banana - cherry'
 
console.log(joined) // 'apple - banana - cherry';

	`join()`	`split()`
대상	배열	문자열
반환값	문자열	배열
역할	배열 → 문자열	문자열 → 배열