배열을 인덱스 순서대로 만드는 방법 (1,2,3,4,5...N)

Array.from

 

똑같은 오브젝트 2개를 합쳐야하는데 0~19까지의 결과물이 같아 오브젝트를 합쳐도 결과값이 40개가 아닌 20개만 나오게 되었습니다. 이러한 일을 피하기 위해 2번째 오브젝트를 20~39의 이름으로 새롭게 오브젝트를 만들어 합치려고 하였으나 배열 [20,21,22,23,24 ... 39] 까지 손으로 코딩하기 너무 비효율적인 것 같고 좋은 방법이 아닌 것 같아 배열을 원하는 숫자에서 1씩 계속 늘려나가는 방법을 찾았습니다.

 

  const newPage2 = Array.from({ length: 20 }, (v, i) => i + 1);

Array.from 을 사용하였습니다.

 

  const newPage2 = Array.from({ length: 20 }, (v, i) => i + 20);

이렇듯 length 와 인덱스를 이용해 v 값을 정해주면 되는 방식입니다.