Array.from() - 배열로 만들어주는 메서드

array.from()

• 문자열 등 유사배열(Array-like)객체나 이터러블한 객체를 배열로 만들어주는 메서드입니다.

유사배열 객체란

• 키가 인덱스 값으로 되어있고 길이를 나타내는 length 속성을 갖는 객체를 의미합니다.

예제

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)
}

console.log(funcA(1,2,3,4,5));	
// [ 1, 2, 3, 4, 5 ]


4.Node List
<li class="sports">축구</li>
<li class="sports">농구</li>

const nodes = document.querySelectorAll(".sports");
const show = (node) => log(node.textContent);
Array.from(nodes).forEach(show);
// 축구
// 농구

5.콜백 함수 호출
const like = {0:"zero",1:"one",length:2};
log(Aray.from(like, value => {
  return value +"변경";
}));
//[zero 변경, one 변경]