🔗 참고자료
MDN Array.from
TCPSCHOOL Array 객체
ES6에서 도입된 Array.from 메서드는 유사 배열 객체(array-like object) 또는 이터러블 객체(literable object)를 인수로 전달받아 배열로 변환하여 반환해 준다.
⚙️ 적용 예시 1
// [ 'strawberry', 'banana', 'kiwi', 'melon', 'apple' ]
Array.from({ length: 5, 0: 'strawberry', 1: 'banana', 2: 'kiwi', 3: 'melon', 4: 'apple' })
// [ 'h', 'a', 'p', 'p', 'y', '!' ]
Array.from('happy!');
// Array.from에 length만 존재하는 유사 배열 객체를 전달하면 undefined 요소로 채운다.
// [ undefined, undefined, undefined ]
Array.from({length: 3});
⚙️ 적용 예시 2
// 유사 배열 객체
const arrayLike = {
'0': 'apple',
'1': 'cherry',
'2': 'orange',
'3': 'carrot',
length: 4
}
for (let i = 0; i < arrayLike.length; i++) {
console.log(arrayLike[i]);
}
// apple
// cherry
// orange
// carrot