Array.from( )

 

 

Array.from( )

: 유사 배열 객체(array-like object)나 반복 가능한 객체를 복사해 새로운 Array 객체를 만드는 메소드

 

 

 

Syntax

Array.from(arrayLike, mapFn, thisArg);

• arrayLike : 배열로 변환하고자 하는 유사 배열 객채 / 반복 가능한 객체
• mapFn (optional) : 배열의 모든 요소에 대해 호출할 맵핑 함수
• thisArg (optional) : mapFn 실행 시에 this로 사용할 값

 

 

 

다음과 같은 경우에 Array.from( )으로 새 Array 만들 수 있다

• 유사 배열 객체 (length 속성과 인덱싱 된 요소를 가진 객체)
• 반복 가능한 객체 (Map, Set 등 객체의 요소를 얻을 수 있는 객체)

 

 

 

예제

String에서 배열 만들기

Array.from('mango');
//["m", "a", "n", "g", "o"]

 

 Set에서 배열 만들기

const m = new Set(['mango', lingo]);
Array.from(m);
//["mango", lingo]

 

Map에서 배열 만들기

const m = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(m);
//[[1, 2], [2, 4], [4, 8]]

const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
//['a', 'b']

Array.from(mapper.keys());
//['1', '2']

 

배열 형태를 가진 객체(arguments)에서 배열 만들기

function f() {
    return Array.from(arguments);
}

f(1, 2, 3);

//[1, 2, 3]

 

 

 

 

 

 

 

 

출처 : MDN

Array.from() - JavaScript | MDN