Array.prototype.fill

Array.prototype.fill

1. ES6에서 도입되었다.
2. 인수로 전달받은 값을 배열의 처음부터 끝까지 요소로 채운다.
3. 원본 배열이 변경된다.

const arr = [1, 2, 3];

arr.fill(1);

console.log(arr); // [1, 1, 1]
/* 처음부터 끝까지의 인수로 전달받은 1로 채운다. */

두 번째 인수로 요소를 채우기 시작할 인덱스를 전달할 수 있다.

const arr = [1, 2, 3, 4];

arr.fill(0, 1);

console.log(arr); // [1, 0, 0, 0]
/* 0을 1번째 인덱스부터 끝까지 요소로 채운다. */

세 번째 인수로 요소 채우기를 멈출 인덱스를 전달할 수 있다.

const arr = [1, 2, 3, 4, 5];

arr.fill(0, 1, 3);

console.log(arr); // [1, 0, 0, 4, 5]
/* 0을 1번 인덱스부터 3번 인덱스 미만까지 요소로 채운다. */

📌  fill 메서드를 사용하면 배열을 생성하면서 특정 값으로 요소를 채울 수 있다.

const arr = new Array(5);

arr.fill(1);
console.log(arr); // [1, 1, 1, 1, 1]