JavaScript에서 배열을 쉼표로 구분된 문자열로 변환하려면 Array.join() 메서드를 사용하면 됩니다. join() 메서드는 배열의 모든 요소를 하나의 문자열로 연결한 뒤 반환하는 기능을 제공합니다.
join() 메서드 문법
array.join(separator);
매개변수 설명
- separator − 배열의 각 요소를 구분할 때 사용할 문자열을 지정합니다. 이 값을 생략하면 기본적으로 쉼표(,)가 구분자로 사용됩니다.
예제
아래 예제 코드를 직접 실행해 보면 JavaScript 배열이 쉼표로 구분된 문자열로 변환되는 과정을 확인할 수 있습니다.
<html>
<head>
<title>JavaScript Array join Method</title>
</head>
<body>
<script>
var arr = new Array("Java", "PHP", "Ruby");
// 구분자 생략 시 기본값인 쉼표(,)로 연결
var str = arr.join();
document.write("str : " + str);
// 쉼표와 공백을 구분자로 지정
var str = arr.join(", ");
document.write("<br />str : " + str);
</script>
</body>
</html>실행 결과
str : Java,PHP,Ruby str : Java, PHP, Ruby
정리
join() 메서드는 원본 배열은 그대로 유지하면서 새로운 문자열만 반환하기 때문에 안전하게 사용할 수 있습니다. 또한 구분자에 빈 문자열('')을 전달하면 요소 사이에 아무 문자 없이 모두 붙여서 연결할 수도 있으니, 상황에 맞게 활용해 보시기 바랍니다.