fill() 함수
Syntax
배열명.fill(value, start, end);
// value : 해당 배열 위치에 넣을 값 (필수)
// start : 시작 인덱스 (선택사항, 기본값 = 0)
// end : 끝 인덱스 (선택, 기본값 = 배열의 length)
// return 값 : 지정한 value 값을 채운 배열이 반환
JavaScript
복사
fill()은 배열이 반환되는 배열의 함수이다. value, start, end 3개의 매개변수를 가진다.
value값을 시작 인덱스부터 끝 인덱스 전까지 채우는 형식
•
끝 인덱스까지 채워지는게 아니니 주의!
예시
const arr1 = ['a', 'b', 'c', 'd'];
console.log(arr1.fill('z', 1, 3));
// ['a', 'z', 'z', 'd']
const arr2 = ['a', 'b', 'c', 'd'];
console.log(arr2.fill('z', 1));
// ['a', 'z', 'z', 'z']
const arr3 = ['a', 'b', 'c', 'd'];
console.log(arr3.fill('z'));
// ['z', 'z', 'z', 'z']
JavaScript
복사
음수 인덱스 값
const arr4 = ['a', 'b', 'c', 'd'];
console.log(arr4.fill('z', -3, -1));
// ['a', 'z', 'z', 'd']
const arr5 = ['a', 'b', 'c', 'd'];
console.log(arr5.fill('z', -3));
// ['a', 'z', 'z', 'z']
JavaScript
복사
배열 생성 후 fill()로 값 채우기
새로운 배열을 생성한 후 fill()을 통해 원하는 value값을 채울 수 있다.
즉, 새 배열의 초기값을 지정할 수 있다.
Array() 함수로 5개 요소가 담긴 배열을 만든 후, fill()로 value값을 채우는 형식
const arr6 = Array(5).fill();
console.log(arr6);
// [undefined, undefined, undefined, undefined, undefined]
const arr7 = Array(5).fill('a');
console.log(arr7);
// ['a', 'a', 'a', 'a', 'a']
const arr8 = Array(5).fill().map((item, index) => index + 1);
console.log(arr8);
// [1, 2, 3, 4, 5]
JavaScript
복사