[JavaScript] Array.from()

 

 

1. 목적

Array.from()은 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만듭니다.

 

2. 기본 구문

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

 

 

3. 매개변수

• arrayLike: 배열로 변환할 유사 배열 객체나 반복 가능한 객체
• mapFn (선택적): 배열의 모든 요소에 대해 호출할 맵핑 함수
• thisArg (선택적): mapFn 실행 시 this로 사용할 값

 

4. 특징

• 문자열을 개별 문자의 배열로 변환할 수 있습니다.
• Set이나 Map을 배열로 변환할 수 있습니다.
• 유사 배열 객체(예: arguments 객체)를 실제 배열로 변환할 수 있습니다.
• 두 번째 인자로 맵핑 함수를 제공하면, 새 배열의 각 요소에 이 함수를 적용할 수 있습니다.
  
  
  

   // 문자열에서 배열 만들기
   Array.from('Hello');  // ['H', 'e', 'l', 'l', 'o']

   // 숫자 범위로 배열 만들기
   
   Array.from([1, 2, 3], (x) => x + x); // 출력: [2, 4, 6]
   
   // v: 현재 요소의 값 (이 경우 undefined)
   // i: 현재 요소의 인덱스
   Array.from({length: 5}, (v, i) => i);  // [0, 1, 2, 3, 4]
   
   // Set에서 배열 만들기
   Array.from(new Set([1, 2, 3, 2, 1]));  // [1, 2, 3]

   // 소문자 알파벳의 배열
   const alphabet = Array.from({ length: 26 }, (_, i) => String.fromCharCode(97 + i));