Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

자바스크립트에서 배열의 메서드에 접근하는 방법 – join() 메서드 예제

자바스크립트(JavaScript)에서 배열에 내장된 메서드에 접근하는 방법은 매우 간단합니다. 배열 이름 뒤에 점(.)을 붙이고 메서드 이름과 괄호 ()를 작성하면 됩니다.

가장 대표적인 예시가 바로 join() 메서드입니다. join()은 배열의 모든 요소를 하나의 문자열로 합쳐 주는 역할을 하며, 다음과 같은 특징이 있습니다.

  • 인수를 전달하지 않으면 기본 구분자인 쉼표(,)로 요소를 연결합니다.
  • 인수로 구분자를 직접 지정하면 해당 문자열로 요소 사이를 연결합니다.

아래 예제 코드를 실행하면 두 가지 방식의 결과 차이를 확인할 수 있습니다.

예제 코드

<html>
  <head>
    <title>JavaScript Array join Method</title>
  </head>
  <body>
    <script>
      var arr = new Array("First", "Second", "Third");

      // 구분자를 지정하지 않은 경우
      var str = arr.join();
      document.write("str : " + str);

      // 구분자를 ", "로 지정한 경우
      var str = arr.join(", ");
      document.write("<br />str : " + str);
    </script>
  </body>
</html>

실행 결과

str : First,Second,Third
str : First, Second, Third

코드 설명

  • new Array("First", "Second", "Third") : 세 개의 문자열 요소를 가진 배열을 생성합니다.
  • arr.join() : 구분자를 생략했기 때문에 쉼표(,)만으로 요소가 연결됩니다.
  • arr.join(", ") : 쉼표와 공백을 구분자로 지정하여 더 가독성 좋은 형태로 연결됩니다.

참고 사항

위 예제에서 사용한 document.write()는 오래된 출력 방식으로, 실제 프로젝트에서는 거의 사용되지 않습니다. 최신 개발 환경에서는 console.log()를 사용해 결과를 확인하는 것이 권장됩니다.