Array fill Array from

Array.fill()과 Array.from()은 배열을 생성하거나 수정하는 데 사용되지만, 두 메서드 사이에 몇 가지 중요한 차이점이 있습니다.

Array.fill()은 배열의 일부 또는 전체 영역에 동일한 값을 할당할 때 사용됩니다. 배열의 크기를 조절하지 않으며, 주어진 값을 배열의 일정 범위에 적용합니다.

const filledArray = Array(5).fill(0);
console.log(filledArray); // [0, 0, 0, 0, 0]

반면에, Array.from()은 배열을 동적으로 생성하고 초기화할 때 사용됩니다. 선택적으로 매핑 함수를 전달할 수 있으며, 이 함수를 통해 각 요소에 값을 할당합니다.

const fromArray = Array.from({length: 5}, (value, index) => index * 2);
console.log(fromArray); // [0, 2, 4, 6, 8]

결론적으로, Array.fill()은 배열의 일정 범위에 동일한 값을 적용할 때 사용되는 반면, Array.from()은 동적으로 생성한 데이터를 배열에 대입할 때 사용되는 메서드입니다. 동일한 값이 아닌 다양한 값이나 계산 결과를 배열 요소에 할당하는 데에는 Array.from()이 더 적합한 선택입니다.