Array.from()
은 문자열 등 유사 배열(Array-like) 객체나 이터러블한 객체를 배열로 만들어주는 메서드입니다.
** 유사 객체 배열은 배열처럼 보이지만 사실 key가 숫자이고 length 값을 가지고 있는 객체를 말합니다. JS에서 querySelectorAll이나 document.body.children으로 엘리먼트를 가져오면 유사 배열 객체에 담겨서 옵니다.
// 1. 문자열을 배열로
console.log(Array.from("Hello"));
// ['H', 'e', 'l', 'l', 'o']
// 2. 유사 배열 객체를 배열로
console.log(Array.from({ 0: "찬민", 1: "희진", 2: "태인", length: 3 }));
// [ '찬민', '희진', '태인' ]
// 3. 함수의 매개변수들을 순서대로 배열로
const funcA = (...arguments) => {
return Array.from(arguments)
}
Array.from()
을 사용해 1부터 10까지의 수를 원소로 갖는 배열을 생성해 보겠습니다.
const arr = Array.from(Array(10), (_, index) => index + 1);
console.log(arr);