Array.from(iterable) 메소드는 iterable 객체를 배열로 변환하는 메소드입니다. 그러나 Map 객체나 Set 객체를 대상으로 Array.from(iterable) 메소드를 호출할 때 오류가 발생하는 이유는 다음과 같습니다.
Map 객체의 경우, Array.from(iterable) 메소드는 key-value 쌍을 배열로 변환하기 때문에 오류가 발생하지 않습니다. Map 객체의 key-value 쌍을 배열로 변환하는 예제는 다음과 같습니다.
#hostingforum.kr
javascript
const map = new Map();
map.set(1, 'a');
map.set(2, 'b');
const array = Array.from(map);
console.log(array); // [[1, 'a'], [2, 'b']]
Set 객체의 경우, Array.from(iterable) 메소드는 Set 객체의 요소를 배열로 변환하기 때문에 오류가 발생하지 않습니다. Set 객체의 요소를 배열로 변환하는 예제는 다음과 같습니다.
#hostingforum.kr
javascript
const set = new Set();
set.add(1);
set.add(2);
const array = Array.from(set);
console.log(array); // [1, 2]
Set 객체의 요소를 배열로 변환할 때 오류가 발생하는 이유는 Set 객체의 요소가 중복되지 않기 때문입니다. Array.from(iterable) 메소드는 Set 객체의 요소를 배열로 변환할 때 중복되지 않은 요소만 배열로 변환합니다. 따라서 Set 객체의 요소를 배열로 변환할 때 오류가 발생하는 경우는 Set 객체의 요소가 중복된 경우입니다.
#hostingforum.kr
javascript
const set = new Set();
set.add(1);
set.add(1); // 중복된 요소 추가
const array = Array.from(set);
console.log(array); // [1]
Set 객체의 요소가 중복된 경우, Array.from(iterable) 메소드는 중복되지 않은 요소만 배열로 변환합니다. 따라서 Set 객체의 요소가 중복된 경우 오류가 발생하지 않습니다.
#hostingforum.kr
javascript
const set = new Set();
set.add(1);
set.add(2);
const array = Array.from(set);
console.log(array); // [1, 2]
Set 객체의 요소가 중복되지 않은 경우, Array.from(iterable) 메소드는 Set 객체의 요소를 배열로 변환합니다. 따라서 Set 객체의 요소가 중복되지 않은 경우 오류가 발생하지 않습니다.
#hostingforum.kr
javascript
const set = new Set();
set.add(1);
set.add(2);
const array = Array.from(set);
console.log(array); // [1, 2]
Set 객체의 요소가 중복되지 않은 경우, Array.from(iterable) 메소드는 Set 객체의 요소를 배열로 변환합니다. 따라서 Set 객체의 요소가 중복되지 않은 경우 오류가 발생하지 않습니다.
2025-06-14 18:43