[Javascript] 배열 같은 값으로 채우기

 

Javascript에서 배열을 다루는 방법을 알아보고 있습니다.

[Javascript] 배열 선언하는 2가지 방법

[Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1)

[Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수

[Javascript] 배열 합치기 3가지 방법

[Javascript] 배열 자르기 - slice()

 

 

 

---

 

배열을 같은 값으로 채우기

이번에는 배열을 같은 값으로 채우는

fill() 함수에 대해서 알아보겠습니다.

 

 fill() 

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

 

arr.fill('A', 1, 3)

 

 fill() 함수는 

배열의 start index부터 end index 전까지(end index는 미포함) value값으로 채워주는 함수입니다.

 

 파라미터 

value

배열에 채울 값을 지정합니다.

 

start

value 값을 채울 배열의 시작 index입니다.

입력하지 않으면 기본값은 0입니다.

 

end

value 값을 채울 배열의 종료 index입니다.

입력하지 않으면 기본값은 배열의 길이(arr.length)입니다.

 

 리턴값 

지정한 값으로 채워진 배열을 리턴합니다.

 

 

 

 fill() 함수 예제1 

 

See the Pen 배열 by anna (@hianna) on CodePen.

arr1.fill('A');

arr1 배열 전체를 'A'로 채웁니다.

 

arr2.fill('A', 1);

arr2 배열의 arr2[1]부터 끝까지 'A'로 채웁니다.

 

arr3.fill('A', 1, 3);

arr3 배열의 arr3[1]~arr3[2] 를 'A'로 채웁니다.

 

 

 fill() 함수 예제2 - index가 음수일 때 

 

See the Pen 배열 by anna (@hianna) on CodePen.

arr.fill('A', -3, -1);

start나 end index가 음수로 지정되면

배열의 마지막 원소의 index가 -1이 되고, 

앞으로 올수록 인덱스가 감소합니다.

아래 그림을 참조하세요.

 

 

 배열 초기화 

 

See the Pen 배열 by anna (@hianna) on CodePen.

 

const arr = new Array(4).fill('A');

fill() 함수를 배열을 초기화 하는데 사용하면 유용합니다.

new Array() 구문을 사용하여 배열을 생성하면,

4개의 element를 가지는 배열이 생성되고,

각 element의 값은 undefined입니다.

여기에 fill() 함수를 사용하면, 생성된 배열의 element의 초기값을 지정할 수 있습니다.

 

---

배열의 특정 구간을, 특정 값으로 채우기 위한 

fill() 함수에 대해서 알아보았습니다.