라이브러리
[JAVASCRIPT] Array.from(iterable) - 배열이 아닌 유사 배열(iterable)을 배열로 변환
Array.from(iterable)
`Array.from()` 메서드는 iterable 객체(배열, 세트, Map, Set, Generator, 등)에서 새로운 배열을 생성합니다. 이 메서드는 ES6에서 도입되었으며, iterable 객체를 배열로 변환할 때 유용합니다.
Syntax
#hostingforum.kr
javascript
Array.from(iterable, mapFn, thisArg)
* `iterable`: 변환할 iterable 객체입니다.
* `mapFn`: 옵션으로, 각 요소를 처리할 함수입니다. 이 함수의 반환값은 새로운 배열의 요소가 됩니다.
* `thisArg`: 옵션으로, `mapFn` 함수의 `this` 바인딩을 지정합니다.
예제
# 1. 기본 사용법
#hostingforum.kr
javascript
const iterable = [1, 2, 3, 4, 5];
const array = Array.from(iterable);
console.log(array); // [1, 2, 3, 4, 5]
# 2. mapFn 옵션 사용
#hostingforum.kr
javascript
const iterable = [1, 2, 3, 4, 5];
const array = Array.from(iterable, x => x * 2);
console.log(array); // [2, 4, 6, 8, 10]
# 3. thisArg 옵션 사용
#hostingforum.kr
javascript
const iterable = [1, 2, 3, 4, 5];
const array = Array.from(iterable, function(x) {
return this.x * x;
}, { x: 2 });
console.log(array); // [2, 4, 6, 8, 10]
# 4. Set 사용
#hostingforum.kr
javascript
const set = new Set([1, 2, 3, 4, 5]);
const array = Array.from(set);
console.log(array); // [1, 2, 3, 4, 5]
# 5. Map 사용
#hostingforum.kr
javascript
const map = new Map([[1, 'a'], [2, 'b'], [3, 'c']]);
const array = Array.from(map, ([key, value]) => ({ key, value }));
console.log(array); // [{ key: 1, value: 'a' }, { key: 2, value: 'b' }, { key: 3, value: 'c' }]
결론
`Array.from()` 메서드는 iterable 객체를 배열로 변환할 때 유용합니다. 이 메서드는 mapFn 함수를 사용하여 각 요소를 처리할 수 있으며, thisArg 옵션을 사용하여 mapFn 함수의 this 바인딩을 지정할 수 있습니다. 이 메서드는 Set과 Map도 지원합니다.
댓글목록
등록된 댓글이 없습니다.