JavaScript에서 TypedArray 객체의 join() 함수는 타입 배열(typed array)에 담긴 모든 요소를 하나의 문자열로 연결한 뒤 반환하는 메서드입니다. 이 함수에 구분자(separator)를 인수로 전달하면, 배열의 각 요소가 해당 구분자로 구분되어 연결됩니다.
문법(Syntax)
join() 함수의 기본 문법은 다음과 같습니다.
typedArray.join(':')
구분자를 생략하면 기본값인 쉼표(,)가 사용되며, 빈 문자열('')을 전달하면 요소 사이에 아무 문자도 삽입되지 않습니다.
예제 코드
다음은 Int32Array 객체를 생성하고 여러 종류의 구분자를 사용해 join() 함수를 호출하는 예제입니다.
<html>
<head>
<title>JavaScript TypedArray join Method</title>
</head>
<body>
<script type="text/javascript">
var int32View = new Int32Array([21, 19, 65, 21, 14, 66, 87, 55]);
document.write("<br>");
var contains = int32View.join('');
document.write("." + contains);
document.write("<br>");
document.write(int32View.join(':'));
document.write("<br>");
document.write(int32View.join('-'));
document.write("<br>");
document.write(int32View.join(' '));
</script>
</body>
</html>
실행 결과(Output)
: 2119652114668755 21:19:65:21:14:66:87:55 21-19-65-21-14-66-87-55 21 19 65 21 14 66 87 55
결과 해석
위 예제에서는 동일한 배열에 서로 다른 구분자를 적용했을 때의 출력 차이를 확인할 수 있습니다.
- 빈 문자열(
'') 사용: 요소 사이에 아무것도 삽입되지 않아2119652114668755처럼 숫자가 그대로 이어진 문자열이 반환됩니다. - 콜론(
:) 사용: 각 요소가 콜론으로 구분되어21:19:65:...형태로 출력됩니다. - 하이픈(
-) 사용: 각 요소가 하이픈으로 구분되어21-19-65-...형태로 출력됩니다. - 공백(
' ') 사용: 각 요소가 공백으로 구분되어21 19 65 ...형태로 출력됩니다.
이처럼 join() 함수는 로그 출력, 데이터 직렬화, 화면 표시용 텍스트 생성 등 다양한 상황에서 유용하게 활용할 수 있습니다.