6.4.4 join(), toString() 메서드를 이용한 배열을 문자열로 바꾸기

6.4.4 join(), toString() 메서드를 이용한 배열을 문자열로 바꾸기

배열을 문자열의 형태로 바꾸기 위해서는 join()이나 toString() 메서드를 이용하여 쉽게 변환이 가능하며 이들 메서드들은 다음과 같은 형식으로 사용할 수 있습니다.

array.join(separator);
array.toString();

먼저 join() 메서드는 입력 파라미터로 separator를 사용하여 배열에 저장되어 있는 요소들을 문자열의 형태로 나열할 때 구분하는 기준이 되는 구분자를 명시하는 것으로 제외할 경우 기본적으로 콤마(,)가 자동적으로 적용됩니다.
다음으로 toString() 메서드는 단순히 배열에 저장되어 있는 데이터를 문자열의 형태로 나열하고자 할 때 사용하는 메서드로 기본적으로 입력 파라미터가 없이 사용한 join() 메서드의 결과와 동일하게 나타납니다. 메모장으로 “slicespliceEx.html”을 열어서 <script> … </script> 블록 내 코드를 다음과 같이 변경합니다.

  <script type="text/javascript">  
    var train = ["KTX", "새마을호", "통일호"];
    document.write(train.join() + "<br />");
    document.write(train.join("^") + "<br />");
    document.write(train.join("_"));
    document.write("<hr>");

    var cities = ["서울", "부산", "인천"];
    document.write(cities.toString());
  </script>

“jointoStringEx.html”으로 저장하고 IE9를 통해 확인하면 다음과 같이 나타납니다.

이외에도 배열 내의 요소들을 정렬하는데 사용하는 sort() 메서드, 반대로 정렬하는데 사용되는 reverse() 메서드 등이 있습니다.

- 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(A4, 폰트 10)으로 작성한 원본 중 JavaScript에 대한 부분을 그대로를 공개하는 것으로 본 저작물에 대한 모든 권리는 본인(원철연)에서 있음을 알립니다.
개인적인 학습 목적으로 사용을 허용하며 온오프라인의 베포나 펌, 상업적인 용도의 사용은 삼가해주시기 바랍니다. 끝으로 학교나 비영리 단체에서의 경우 본 저작물을 비상업적인 용도로 활용하고자 할 경우 연락처를 비밀댓글로 남겨주시면 연락드리겠습니다.