유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만든다.
return : 새로운 Array 인스턴스.
다음과 같은 경우에 Array.from()
으로 새 Array를 만들 수 있다.
내가 사용한 상황
// defaultProps의 값으로 length 지정, Lotto Ball의 기본 모양을 미리 설정하는데 사용
const [lottoArr, setLottoArr] = useState(Array.from({ length: props.maxBalls }));
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