JavaScript에서 join() 메서드는 배열(array)의 모든 요소를 하나의 문자열로 연결하는 데 사용됩니다. 각 요소 사이에 원하는 구분자를 삽입할 수 있어, 배열 데이터를 화면에 출력하거나 CSV 형식처럼 문자열로 가공해야 할 때 특히 유용합니다.
join() 메서드의 매개변수
- separator (구분자) – 배열의 각 요소를 구분하는 데 사용할 문자열을 지정합니다. 이 매개변수를 생략하면 기본값인 쉼표(,)로 요소들이 구분됩니다.
사용 예제
다음 예제 코드를 실행하면 join() 메서드가 다양한 구분자와 함께 어떻게 동작하는지 직접 확인할 수 있습니다.
<html>
<head>
<title>JavaScript Array join Method</title>
</head>
<body>
<script>
var arr = new Array("Football", "Hockey", "Squash");
var str = arr.join();
document.write("str : " + str);
var str = arr.join(", ");
document.write("<br />str : " + str);
var str = arr.join(" + ");
document.write("<br />str : " + str);
</script>
</body>
</html>
실행 결과
str : Football,Hockey,Squash
str : Football, Hockey, Squash
str : Football + Hockey + Squash
위 결과에서 볼 수 있듯이, 구분자를 생략하면 쉼표가 기본으로 적용되며, 원하는 문자열을 전달하면 그 문자열이 요소 사이에 삽입됩니다.
알아두면 좋은 점
- 빈 문자열(
"")을 구분자로 전달하면 요소들이 공백 없이 그대로 이어져 하나의 단어처럼 연결됩니다. - join() 메서드는 원본 배열을 변경하지 않고 새로운 문자열만 반환하므로 안심하고 사용할 수 있습니다.
- 배열에
null,undefined같은 값이 포함되어 있으면 해당 요소는 빈 문자열로 처리됩니다.