JavaScript fill() 메서드란?
JavaScript의 fill() 메서드는 배열의 요소들을 지정한 고정 값(static value)으로 채우는 데 사용됩니다. 이 메서드는 원본 배열 자체를 변경(mutate)하며, 변경된 배열을 반환합니다.
fill() 메서드의 매개변수
fill() 메서드는 다음과 같은 매개변수를 받습니다.
- value − 배열을 채우는 데 사용할 값입니다.
- begin − 채우기를 시작할 인덱스입니다. 기본값은 0이며, 음수를 지정하면 배열 끝에서부터 계산됩니다.
- end − 채우기를 종료할 인덱스입니다. 이 인덱스는 포함되지 않으며(배타적), 기본값은 배열의 길이입니다.
fill() 메서드 사용 예제
아래 코드를 실행하면 fill() 메서드가 실제로 어떻게 동작하는지 확인할 수 있습니다. 이 예제에서는 인덱스 2부터 3 직전까지의 요소를 "Six"로 채웁니다.
<!DOCTYPE html>
<html>
<body>
<script>
var num = ["One", "Two", "Three", "Four", "Five"];
document.write(num);
document.write("<br>"+num.fill("Six",2,3));
</script>
</body>
</html>출력 결과
One,Two,Three,Four,Five
One,Two,Six,Four,Five
위 출력 결과를 보면, 세 번째 요소인 "Three"(인덱스 2)가 "Six"로 변경된 것을 확인할 수 있습니다. 종료 인덱스인 3은 범위에 포함되지 않기 때문에 네 번째 요소 "Four"는 그대로 유지됩니다.
만약 begin과 end를 생략하고 num.fill("Six")처럼 호출하면, 배열의 모든 요소가 "Six"로 채워집니다. 이러한 특성 덕분에 fill() 메서드는 초기화된 값으로 새 배열을 만들거나 기존 배열의 내용을 일괄 변경할 때 유용하게 활용됩니다.