[JS study] Array.from()

Array.from()은 유사배열 객체나 반복 가능한 객체를 얕게 복사하여 새로운 배열을 만든다. 앞에서 slice()를 활용하여 배열을 얕게 복사하는 것을 배워보았다. 비슷한 원리이지만 다른 방법을 통해 기본 배열이나 객체는 건들지 않고 새로운 객체를 생성하는 것을 배워볼 수 있다.

String에서 배열 만들기

Array.from('Naver');
// ["N", "a", "v", "e", "r"]

Set에서 배열 만들기

const s = new Set(['Naver', win]);
Array.from(s);
// ["Naver", win]

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'];

화살표 함수로 배열 만들기

Array.from([1, 2, 3], x => x + x);
// [2, 4, 6]