[JavaScript] .join 메소드 쓰기, 분석

하나의 배열안의 내용물을 .join() 은 ()안의 조건으로 하나의 문자열로 만들어준다.

 

 

예제1

콘솔창에 아래를 입력하면 

let arr = [1,2,3,4, 5]

arr.join()                           //   '1,2,3,4,5' 가 나온다.

 

예제1 분석

join이 적용되면 배열을 벗기고 안의 엘리먼트들을 문자열 처리를 하게 되고 

join()에서 기본조건인 모든 입력값을 단하나의 문자열로 합쳐준다.

숫자의 형태라도 문자열로 바꿔주는걸 알 수 있다.

arr 배열에서 숫자 5 앞에 공백을 넣어주었는데도 하나의 문자열로 바뀌면서 공백이 사라져버렸다.

 

 

 

 

예제2

let arr = ['1','2','3','4', '5']

arr.join()                           //   '1,2,3,4,5'가 나온다.

 

예제2 분석

arr은 문자로된 숫자배열이고 이걸 기본  join()으로 합쳐주는데 문자열 숫자도 합쳐져서 나온다.

위와 마찬가지로 ,도 전부 합쳐지는걸 알 수 있다.

 

 

 

 

예제3

let arr = ['1','2','3','4','5']

arr.join('')                        //  "12345" 가 나온다.

 

예제3 분석

역시나 기본적으론 하나의 문자열이 된다.

.join('')의 경우 ,가 제거된 형태로 출력된다.

 

 

 

 

예제4

let arr = [1.2,3.4,5]

arr.join('')                       //  "1.23.45"가 나온다.

arr.join(' ')                       // "1.2 3.4 5"가 나온다.

arr.join('-')                       // "1.2-3.4-5"가 나온다.

 

예제4 분석

. 가 배열에 들어간 경우 조심해야 한다. 나온 값이 구분이 매우 어렵다.

소숫점을 의도하였지만 간격구분이 되지 않아 원래 의도하였던 숫자가 나오지 않았다.

물론  .join('')에서 (' ')안을 어떻게 채우냐에 따라서 + 각가지 요소를 넣어서 식을 만들거나 이모티콘을 넣어서 꾸밀수 있다.