[TIL] Array.from()

Array.from()

• 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만든다.

• return : 새로운 Array 인스턴스.

• 다음과 같은 경우에 Array.from()으로 새 Array를 만들 수 있다.

  • 유사 배열 객체 (length 속성과 인덱싱 된 요소를 가진 객체)
  • 순회 가능한 객체 (Map, Set 등객체의 요소를 얻을 수 있는 객체)

• 내가 사용한 상황

  // defaultProps의 값으로 length 지정, Lotto Ball의 기본 모양을 미리 설정하는데 사용
  const [lottoArr, setLottoArr] = useState(Array.from({ length: props.maxBalls }));

  
  

그 외

• React에서 random Number 값을 한 번에 여러 개 생성하는 경우
  : setState는 For loop보다는 map을 활용하도록 하자.

    const getNums = () => {
      setLottoArr((prev) => prev.map((num) => Math.floor(Math.random() * props.maxNum) + 1));
    };

  
  
  
  

[참고] https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from