본문 바로가기

Javascript

[Javascript] fill( ) 메서드

fill() 메서드는 배열의 모든 요소에 정적인 값으로 채워준다. 


arr.fill( value , start , end );

  •   value는 배열을 채울 값이다. 
  •   start는 시작 인덱스를 의미한다. 이때 기본값은 0이다.
  •   end는 끝 인덱스로 기본값은 this.length이다.

만약

  • start가 음수라면 배열의 길이 + start
  • end가 음수라면 배열의 길이 + end 

 

 

1번- 매개변수가 value만 있다. 배열의 모든 요소를 5로 바꿔주면 된다.

2번- 매개변수로 value와 start만 있기 때문에 끝위치는 생각해 줄 필요 없다.

      시작 위치가 인덱스 1이므로, 배열[1]부터 끝까지 5로 채워주면 된다. 

3번- 시작 위치는 1, 끝 위치는 2이므로 배열[1]만 5로 바꿔준다. 끝위치로 지정해준 배열[2]는 변경되지 않는다!  

4번- 시작위치와 끝위치가 동일하기 때문에 변경되는 값이 없다.

5번- 시작위치와 끝위치가 음수 값이므로, 시작 위치는 4 -3 = 1 끝 위치는 4 -1 = 3이다.

6번- 시작위치가 4 끝위치가 6이다. 해당 배열에서는 인덱스가 3까지 이므로  배열에서 변경되는 값이 없다. 

7번- 문자를 사용해도 가능하다

 

 

 

[ 참고 자료 ]

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

 

Array.prototype.fill()

fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채웁니다.

developer.mozilla.org

 

'Javascript' 카테고리의 다른 글

[Javascript] sort( )  (0) 2020.07.07
[Javascript] map()  (0) 2020.05.30
[Javascript] forEach문, Array( ), fill( )  (0) 2020.05.29
[Javascript] append( ) VS appendChild( )  (0) 2020.05.24
[Javascript] 틱택토  (0) 2020.05.21