하지만 Array()로 배열을 생성하면 값이 전부 비어 있다고 나옵니다. 이때 fill()을 사용하면 빈 배열의 값을 채울 수 있습니다. fill()은 빈 배열의 요소를 미리 특정 값으로 채워 넣는 기능을 합니다.

empty.fill(); // (5) [undefined, undefined, undefined, undefined, undefined]

fill()의 소괄호 안에 특정 값을 넣지 않으면 모두 undefined로 채워집니다. fill() 안에 특정 값을 넣으면 배열은 모두 해당 값으로 채워집니다.

empty.fill(1); // (5) [1, 1, 1, 1, 1]

fill()을 2.6.4절에서 배우는 map()과 조합하면 [1, 2, 3, 4, 5]와 같이 요소가 순서대로 나열된 배열을 쉽게 만들 수 있습니다. 미리 살펴보면 다음과 같습니다.

empty.fill().map((v, i) => i + 1); // (5) [1, 2, 3, 4, 5]