JS : Array.from()

daymoon_·2022년 1월 24일
0

JAVASCRIPT

목록 보기
7/21
post-thumbnail

Array.from()

🔗 참고자료
MDN Array.from
TCPSCHOOL Array 객체

ES6에서 도입된 Array.from 메서드는 유사 배열 객체(array-like object) 또는 이터러블 객체(literable object)를 인수로 전달받아 배열로 변환하여 반환해 준다.

⚙️ 적용 예시 1

  • 유사 배열 객체를 변환하여 배열 생성
// [ 'strawberry', 'banana', 'kiwi', 'melon', 'apple' ]
Array.from({ length: 5, 0: 'strawberry', 1: 'banana', 2: 'kiwi', 3: 'melon', 4: 'apple' })
  • 이터러블을 변환하여 배열을 생성 (문자열 = 이터러블)
// [ 'h', 'a', 'p', 'p', 'y', '!' ]
Array.from('happy!');
  • 콜백 함수를 사용하여 배열 생성
// Array.from에 length만 존재하는 유사 배열 객체를 전달하면 undefined 요소로 채운다.
// [ undefined, undefined, undefined ]
Array.from({length: 3});

⚙️ 적용 예시 2

  • 유사 배열 객체는 마치 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있고 length 프로퍼티를 갖는 객체를 말한다. 유사 배열 객체는 마치 배열처럼 for문으로 순회할 수도 있다.
// 유사 배열 객체
const arrayLike = {
  '0': 'apple',
  '1': 'cherry',
  '2': 'orange',
  '3': 'carrot',
  length: 4
}

for (let i = 0; i < arrayLike.length; i++) {
  console.log(arrayLike[i]);
}

// apple
// cherry
// orange
// carrot

🗓️ 수정 및 추가

  • 2022.02.24
    1. 썸네일 변경
profile
새벽을 즐기는 초보 FE _ Study Log 🌙

0개의 댓글