[Javascript] 배열 만들기 Array.from() 사용법

Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만든다.

Array.from은 새로운 배열을 반환하며, 원본 객체는 변경되지 않는다.

 

구문

Array.from(arrayLike[, mapFn[, thisArg]])

매개변수

arrayLike
배열로 변환하고자 하는유사 배열 객체나 반복 가능한 객체.

mapFn (선택)
배열의 모든 요소에 대해 호출할 맵핑 함수.

매핑 함수는 선택적으로 사용할 수 있으며, 각 요소에 대해 실행되어 변환된 배열을 생성한다.

thisArgOptional (선택)
mapFn 실행 시에 this로 사용할 값.

예시1

이터러블 객체를 배열로 변환하기

문자열은 이터러블 객체이다.

const iterable = 'Hello';
const result = Array.from(iterable);
console.log(result); // ["H", "e", "l", "l", "o"]

예시2

유사 배열 객체를 배열로 변환하기

const arrayLike = {0: 'H', 1: 'e', 2: 'l', 3: 'l', 4: 'o', length: 5};
const result = Array.from(arrayLike);
console.log(result); // ["H", "e", "l", "l", "o"]

예시3

매핑 함수를 사용하여 배열 생성하기

const iterable = 'World';
const result = Array.from(iterable, (char) => char.toUpperCase());
console.log(result); // ["W", "O", "R", "L", "D"]