developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/fill

 

Array.prototype.fill() - JavaScript | MDN

Array.prototype.fill() fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채웁니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the int

developer.mozilla.org

 

Array.fill은 특정 value로 해당 Array를 채워주는 매서드이다.

 

기본적으로는 1개의 파라미터로 해당값으로 그 배열을 채울수도 있지만

파라미터를 여러개 던져서 원하는 index값부터 채울수도 있다.

 

또한 하나의 값으로만 채우는것이 아닌 Array.map이라던가 기타 방법에 따라서 증가되거나 기타 다른값도 넣을수 있다.

 

const numbers1 = [1, 2, 3, 4, 5];
const numbers2 = [1, 2, 3, 4, 5];

numbers1.fill(0);
numbers2.fill(0, 1, 3);

// [0, 0, 0, 0, 0]
console.log(numbers1);
// [1, 0, 0, 4, 5]
console.log(numbers2);


// 1. Array(n) lenght의 배열을 생성
// 2. 해당 배열을 일단 0으로 채움
// 3. map methods를 통해서 각각의 배열마다 index + 1의 값을 넣어줌

const fillInNumber = (n) => {
   return Array(n).fill(0).map((_, idx) => idx + 1);
}

// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(fillInNumber(10));