[JavaScript] Array.from()통해 배열 만들기

Array.from()은 문자열등 이터러블한 객체나 유사 배열 새로운 배열로 만들어주는 메서드이다.

- 이터러블(iterable)은 Symbol.iterator가 구현된 객체이다.

- 유사 배열(array-like)은 인덱스와 length 프로퍼티가 있어 배열처럼 보이는 객체이다.

---

Array.from(인자 1, 인자 2)

- 첫 번째 인자는 배열로 만들 이터러블한 객체이다.

- 두 번째 객체는 생성한 배열의 모든 원소에 대해 수행할 맵핑 함수이다.

 

예시

console.log(Array.from("Eddy")); // ['E', 'd', 'd', 'y']

console.log(Array.from({length: 5}, (v, i) => i); // [0, 1, 2, 3, 4]

console.log(Array.from(Array(5), (_, i) =>i); // [0, 1, 2, 3, 4]

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

 

Array.from()의 단점은 ES6에 새로 추가된 문법이라 Explor에선 작동하지 않는다.