JS | Array.fill( ) 메서드 ...
1. fill( )
배열의 인덱스 범위 내에 있는 모든 요소를 정적 값으로 변경합니다. 그리고 수정된 배열을 반환합니다.
mdn 설명만 보면 무슨 소린지 잘 모르겠지만 ?
예시를 함께 보면 그렇게 어려운 메서드가 아니다. (아마도 ^^ ,,,)
1-2. fill( ) 기본
fill(value, start, end)
- value : 배열을 채울 값
- start : 채우기를 시작할 인덱스
- end : 채우기를 끝낼 인덱스1-3. fill( ) 예시
const array = [1, 2, 3, 4, 5];
// 1번
console.log(array.fill(0, 2, 4)); // [1, 2, 0, 0, 5]
// 2번
console.log(array.fill(6, 1)); // [1, 6, 6, 6, 6]]
// 3번
console.log(array.fill(1)); // [1, 1, 1, 1, 1]- 2번 예시처럼 end 인덱스 값이 없다면, 시작 인덱스부터 끝까지 value로 채워진다.
- 3번 예시처럼 value값만 있다면, 배열 전체가 해당 value값으로 채워진다.
// 4번
Array(5).fill().map((v, i)=> i+1); // [1, 2, 3, 4, 5]- 4번 예시처럼 map( ) 메서드를 활용해 다 같은 값이 아닌 1씩 증가하는 값을 넣을 수도 있다 !!!!!
1-3. fill( ) 활용하여 풀 수 있는 알고리즘
x만큼 간격이 있는 n개의 숫자 ( 프로그래머스 알고리즘 )
fill( ) 메서드를 활용하여 위 프로그래머스 알고리즘을 풀 수 있다.
물론 나는 위 알고리즘을 풀고나서 이 메서드에 대해 알게된 거라 활용을 못해봤지만, 다른 사람의 풀이를 보니까 이 메서드를 활용하면 깔끔한 코드로 풀 수 있더라 ...
역시 세상엔 알고리즘 박사가 참 많은 것 같다 ~...
