TypedArray 객체의 fill() 함수는 배열 내에서 지정한 범위의 요소들을 특정 고정값으로 일괄 대체하는 기능을 제공합니다. 이 함수는 최대 세 개의 매개변수를 받습니다. 첫 번째는 배열에 채워 넣을 고정값이고, 나머지 두 개는 대체할 요소 범위의 시작 인덱스와 끝 인덱스를 의미합니다. 단, 끝 인덱스는 선택 사항으로 생략할 수 있으며, 생략 시 배열 끝까지 모두 채워집니다.
문법(Syntax)
fill() 함수의 기본 문법은 다음과 같습니다.
int32View.fill(464, 3);
예제(Example)
아래 예제는 Int32Array 타입 배열에 fill() 함수를 적용하여 인덱스 3부터 끝까지의 요소를 464로 대체하는 과정을 보여줍니다.
<html>
<head>
<title>JavaScript TypedArray fill Method</title>
</head>
<body>
<script type="text/javascript">
var int32View = new Int32Array([64, 89, 65, 21, 14, 66, 87, 55]);
document.write("타입 배열의 내용: " + int32View);
document.write("<br>");
result = int32View.fill(464, 3);
document.write("fill 실행 후 타입 배열의 내용: " + int32View);
</script>
</body>
</html>실행 결과(Output)
타입 배열의 내용: 64,89,65,21,14,66,87,55 fill 실행 후 타입 배열의 내용: 64,89,65,464,464,464,464,464
동작 방식 설명
위 예제에서 fill(464, 3)은 시작 인덱스 3부터 배열의 마지막 요소까지 모든 값을 464로 변경합니다. 따라서 앞의 세 요소(64, 89, 65)는 그대로 유지되고, 네 번째 요소부터 마지막 요소까지가 464로 대체된 것을 확인할 수 있습니다.
만약 끝 인덱스까지 함께 지정하고 싶다면 int32View.fill(464, 3, 6)처럼 세 번째 매개변수를 추가하면 되며, 이 경우 인덱스 3부터 5까지만(끝 인덱스 6은 미포함) 값이 대체됩니다.