JavaScript - 특정 값으로 배열 채우기, Array.fill()

Array.fill()함수를 이용하여 특정 값으로 배열을 채우는 방법을 소개합니다.

1. Array.fill() 함수

Array.fill() 함수는 인자로 아래 3개를 받습니다. 배열에서 start Index를 포함하고, end Index 직전 요소까지 value로 채웁니다.

• value : 배열을 채울 값
• start : 시작 Index, 기본 값은 0
• end : 끝 Index, 기본 값은 배열의 길이

Array.fill(value, start, end)

2. Array.fill(value) 예제

기본적으로 Array.fill(value)는 배열의 시작부터 끝까지 value로 채웁니다.

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

arr.fill(10);
console.log(arr);

arr.fill('a');
console.log(arr);

Output:

[ 10, 10, 10, 10 ]
[ 'a', 'a', 'a', 'a' ]

3. Array.fill(value, start) 예제

Array.fill(value, start)는 배열에서 start Index 부터 value로 채웁니다.

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

arr.fill('a', 2);
console.log(arr);

Output:

[ 1, 2, 'a', 'a' ]

4. Array.fill(value, start, end) 예제

Array.fill(value, start, end)는 배열에서 start Index부터 end Index 직전까지 value로 채웁니다.

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

arr.fill('a', 0, 3);
console.log(arr);

Output:

[ 'a', 'a', 'a', 4 ]