[ES6+] arr.fill() - 배열을 특정 값으로 채우기 (ft. 특정 인덱스 지정)

배열을 특정 값으로 채우는 Array.prototype.fill() 메서드에 대해 알아보자.

이 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채우는데, 매개변수를 통해 시작 인덱스와 끝 인덱스를 지정할 수 있다.

 

▷ 구문

arr.fill(value[, start[, end]])

value : 배열을 채울 특정 값

start : 시작 인덱스이며, 생략 시 기본 값은 0

end : 끝 인덱스이며, 생략 시 기본 값은 배열의 길이(this.length)이다.

---

▷ 예제 1) Array.prototype.fill() 기본 사용법

// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
const arr1 = Array(10).fill(0);

arr1.fill(1, 2, 6); // [0, 0, 1, 1, 1, 1, 0, 0, 0, 0]
arr1.fill(5, 7); // [0, 0, 1, 1, 1, 1, 0, 5, 5, 5]
arr1.fill(1); // [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
arr1.fill(3, -3, -1); // [1, 1, 1, 1, 1, 1, 1, 3, 3, 1]

const arr2 = Array(3).fill({}); // [{}, {}, {}]
arr2[0].hi = "hi"; // [{ hi: "hi" }, { hi: "hi" }, { hi: "hi" }]

---

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/fill

Array.prototype.fill() - JavaScript | MDN