[JavaScript] join 메서드 알아보기 (배열을 문자열로 만들기)

(한줄정리)

join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다.

 

1. 사용법

Array.join([separator])

 

1-1. 매개변수

separator (optional)

 

1. 배열의 각 요소를 구분할 문자열을 지정한다. (여기서 사용되는 구분자는 필요한 경우 문자열로 변환된다.)

2. 생략하면 배열의 요소들이 쉼표로 구분된다. 

3. spearator이 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결된다.

 

1-2. 반환 값

• 배열의 모든 요소들을 연결한 하나의 문자열을 반환한다.
• 만약 arr.length가 0이라면, 빈 문자열 반환.

 

경고사항 -> 요소가 undefined 또는 null이면 빈 문자열로 변환한다.

 

 

<예제> -

let test = ["소고기", "닭고기", "돼지고기"];
      let result1 = test.join();
      let result2 = test.join("");
      let result3 = test.join('-');
      let result4 = test.join('/');


      console.log(result1); //"소고기,닭고기,돼지고기"
      console.log(result2); //"소고기닭고기돼지고기"
      console.log(result3); //"소고기-닭고기-돼지고기"
      console.log(result4); //"소고기/닭고기/돼지고기"

 

1. 구분자가 존재하지 않으면 쉼표로 연결되어 표기된다. (result1)
2. 구분자의 값이 빈문자열이면 구분없이 연결된다. (result2)
3. 구분자의 값이('-') 면 구분자값 -로 연결된다. (result3)
4. 구분자의 값이('/') 면 구분자값 /로 연결된다.(result4)

 

 

2. 어느 경우에 사용해야할까?  (추후 작성)

• 배열을 문자열로 변환해야하는 경우?
• split()와 섞어가며?

---

<reference site>

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

Array.prototype.join() - JavaScript | MDN