JavaScript로 특정 범위의 배열 생성 방법

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

JavaScript 기초를 알고 있는 개발자(중급 수준)

핵심 요약

• Array.from 메서드를 사용하여 { length: N } 형태의 배열 생성
• index + 1 또는 index + X로 범위 조정 가능
• 기본값 undefined 대신 map 함수로 원하는 값 할당

섹션별 세부 요약

1. 기본 사용 예시

• Array.from({ length: 5 }, (value, index) => index + 1)
• 결과: [1, 2, 3, 4, 5]
• index + 1은 배열의 시작 값을 1로 설정

2. `Array.from` 메서드 설명

• 정적 메서드로 배열 유사 객체 또는 반복 가능한 객체에서 배열 생성
• { length: 5 }는 생성할 배열의 길이를 정의하는 배열 유사 객체
• 기본값은 모든 요소가 undefined

3. 범위 조정 방법

• index + 3로 시작 값을 3로 변경 가능
• 결과: [3, 4, 5, 6, 7]
• map 함수를 통해 개별 요소 값을 동적으로 조정

결론

• Array.from을 사용하여 간결하게 범위 배열 생성 가능, map 함수로 유연한 커스터마이징 가능