2D 배열 초기화 방법 개선
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
JavaScript 개발자 (중급 이상), ES6+ 기능 활용자
핵심 요약
- 전통적인 중첩 루프 방식 대비 Array.from + fill 메서드 사용 시 코드 간결성 향상
Array.from({length: rows}, () => Array(cols).fill(1))
식의 구문으로 2D 배열 생성 가능- 메모리 효율성과 가독성 향상, 유지보수성 개선
섹션별 세부 요약
1. 전통적인 중첩 루프 방식
- 10x10 배열 생성 시 2중 for 루프 사용
grid.push(row)
구문으로 행 추가- 코드 길이가 길고 반복 구조로 인한 가독성 저하
const rows = 10, cols = 10;
변수 선언 후 루프 실행
2. Array.from 기반 개선 방식
{length: rows}
객체를 생성하여 배열 길이 지정Array(cols).fill(1)
으로 행 생성 후Array.from
에 전달- 단일 라인으로 2D 배열 생성 가능
Array.from
과fill
메서드의 조합으로 코드 복잡도 감소
결론
Array.from({length: rows}, () => Array(cols).fill(1))
구문 사용을 권장 (ES6+ 지원 환경)- 초기화 로직 간소화로 개발 생산성 향상, 유지보수성 향상
- 대규모 데이터 구조 생성 시 메모리 효율성 향상 효과 기대