[TIL] 자바스크립트 join 함수

join()?

배열의 모든 요소를 연결해 하나의 문자열로 만든다.

join() 구문

[배열].join([separator])

separator

• 배열의 각 요소를 구분할 문자열을 지정한다.
• 이 구분자는 필요의 경우 문자열로 변환한다.
• 생략하면 배열의 요소들이 쉼표로 구분된다.
• separator가 빈 문자열이면 모든 요소들 사이에 아무 문자도 없이 연결
  
  

반환 값

• 배열의 모든 요소들을 연결한 하나의 문자열 반환
• arr.length가 0이라면 빈 문자열 반환
• 요소가 undefined 또는 null 이면 빈 문자열 반환
  
  

예제

let arr = ['포도', '사과', '자두']
let str1 = arr.join();
let str2 = arr.join(''); // 각 배열의 원소들을 합쳐준다. 
let str3 = arr.join(' '); // 각 배열의 원소 사이에 빈 공간을 준다. 
let str4 = arr.join(', '); // 각 배열의 원소들 사이에 쉽표와 빈 공간을 준다. 
let str5 = arr.join('+'); // 각 배열의 원소들 사이에 '+'를 추가해준다. 

console.log(str1) // 포도,사과,자두
console.log(str2) // 포도사과자두
console.log(str3) // 포도 사과 자두
console.log(str4) // 포도, 사과, 자두
console.log(str5) // 포도+사과+자두

let array = [ '1', '1', '2', '3', '7', '8' ]
let str_join = array.join('') 
let str_join2 = array.join(' ')
let str_join3 = array.join();
let str_join4 = array.join(',');

console.log(str_join) // 112378
console.log(str_join2) // 1 1 2 3 7 8
console.log(str_join3) // 1,1,2,3,7,8
console.log(str_join4) // 1,1,2,3,7,8

참고 자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join