반응형
Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만듦.
구문
Array.from(arrayLike[, mapFn[, thisArg]])
매개변수
arrayLike: 배열로 변환하고자 하는 유사배열 객체나 반복 가능한 객체
mapFn: 배열의 모든 요소에 대해 호출할 맵핑 함수 (optional)
thisArg: mapFn 실행 시 this로 사용할 값 (optional)
반환 --> 새로운 Array. 인스턴스
Map 에서 배열 만들기
const m = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(m)
// [[1, 2], [2, 4], [4, 8]]
const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b']
Array.from(mapper.keys());
// ['1', '2'];
Array.from과 화살표 함수 사용하기
// 맵 함수를 화살표 함수를 이용하여 인수들을 다룬다
Array.from([1, 2, 3], x => x + x);
// [2, 4, 6]
// 연속된 숫자를 생성
// Since the array is initialized with `undefined` on each position,
// `v` below will be `undefined`
Array.from({length: 5}, (v, i) => i);
// [0, 1, 2, 3, 4]
반응형
'공부 정리' 카테고리의 다른 글
23.03.20: State, 슬기롭게 관리하기 (0) | 2023.03.20 |
---|---|
23.02.06: React, 깊이 파고들기 (0) | 2023.02.07 |
23.01.11: dependency array에는 언제, 뭘 넣어주어야 할까 (useEffect, useMemo, useCallback) (0) | 2023.01.11 |
23.01.10: React-hook-form 이용한 form 구현(React storybook, typescript) (0) | 2023.01.11 |
22.01.05: typescript, React Storybook 이용 과제 (Arrow Function, currentTarget) (0) | 2023.01.05 |