2D 배열 초기화 개선: Array.from + fill로 코드 간결성 향상
AI Store에서 AI코딩으로 만들어진 앱을 만나보세요!
지금 바로 방문하기

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.fromfill 메서드의 조합으로 코드 복잡도 감소

결론

  • Array.from({length: rows}, () => Array(cols).fill(1)) 구문 사용을 권장 (ES6+ 지원 환경)
  • 초기화 로직 간소화로 개발 생산성 향상, 유지보수성 향상
  • 대규모 데이터 구조 생성 시 메모리 효율성 향상 효과 기대