JavaScript - 배열을 문자열로 join(), 문자열을 배열로 split()

배열 → 문자열 : join (separator? : string)

배열을 문자열로 바꿀 때 join을 사용. 구분자를 넣어주게 되면, 문자열로 바뀔 때 사이사이에 지정한 구분자가 들어감. 구분자를 따로 지정하지 않으면 디폴트값은 ,콤마로 나옴. 요소 값이 undefined, null일 경우에는 그 요소 값은 빈 문자로 간주함.

const fruits = ['apple', 'banana', 'orange'];

const result = fruits.join();
console.log(result);    // apple,banana,orange

const result = fruits.join(|);
console.log(result);    // apple|banana|orange

const result = fruits.join(', and');
console.log(result);    // apple, and banana, and orange

 

문자열 → 배열 : split(separator : string | RegExp, limit? : number)

문자열을 배열로 바꿀 때 split을 사용. split 매개변수에 구분자와 limit을 전달받을 수 있음. string을 여러가지 문자열로 잘게 나눠주는데, 전달된 구분자를 받아서 사이사이에 껴줌. limit 값을 입력하게 되면, 우리가 return 받을 배열의 사이즈를 지정할 수도 있음.

const fruits = 'apple, banana, orange';

const result = fruits.split(',');
console.log(result);    // ["apple", "banana", "orange"]

const result = fruits.split(',', 2);
console.log(result);    // ["apple", "banana"] limit이 2라서, 두개만

const result = fruits.split();  // split은 구분자를 꼭 전달해줘야됨. 전달 안해주면
console.log(result);    // ["apple, banana, orange"] 전체가 하나의 string으로 배열 안에 들어감