배열의 내용을 합치고 나누는 join과 split

🧩 join() — 배열 → 문자열

📌 개념:

배열의 요소들을 하나의 문자열로 합칠 때 사용해.

📌 문법:

array.join(separator)

 

separator는 요소 사이에 들어갈 구분자 (생략하면 기본값은 ,)

 

✅ 예시 1 :

 

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

 

✅ 예시 2 :

 

const nums = [1, 2, 3];
console.log(nums.join('-')); // "1-2-3"
console.log(nums.join(''));  // "123"

 

🧩 split() — 문자열 → 배열

📌 개념:

문자열을 특정 구분자를 기준으로 잘라서 배열로 바꿔줄 때 사용해.

📌 문법:

string.split(separator)

 

separator는 문자열을 자를 기준 (예: 공백 ' ', 쉼표 ',', 특정 문자 등)

 

✅ 예시:

 

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

 

✅ 예시:

 

const date = '2025-03-22';
console.log(date.split('-')); // ["2025", "03", "22"]

 

 

🔄 같이 쓰면 변환 가능

const str = "a-b-c-d";
const arr = str.split("-"); // ["a", "b", "c", "d"]
const backToStr = arr.join("+"); // "a+b+c+d"