본문 바로가기
기초 및 언어/▶ JavaScript&JQuery

6. JavaScript_배열 생성과 특징 정리

by 류딩이 2025. 9. 8.

📌 JavaScript 배열(Array) 정리

JavaScript의 배열은 동적 배열입니다.
미리 크기를 지정하지 않아도 값을 넣는 순간 자동으로 생성되고, 크기도 자동으로 늘어납니다.
즉, 자바나 C처럼 고정 크기 배열이 아니라 훨씬 유연하게 다룰 수 있습니다.

 

✅ 배열 생성 방법

1. Array(크기) : 지정된 크기의 빈 배열

let a = Array(4);
document.write(a.length + "<br>"); // 4

a[0] = "spring";
a[1] = "summer";

for(let i=0; i<a.length; i++){
  document.write(a[i] + " ");
}

📌 출력

4
spring summer undefined undefined

→ 크기는 4로 고정되지만, 값은 넣지 않으면 undefined.


2. Array(값1, 값2, …) : 여러 값으로 초기화

let b = Array(4, 9, 20);
document.write(b.length + "<br>"); // 3

for(let i=0; i<b.length; i++){
  document.write(b[i] + " ");
}

📌 출력:

3
4 9 20

3. 배열 리터럴 [ ]

let c = ["rose", 12, 4.567];
document.write(c.length + "<br>"); // 3

for(let i=0; i<c.length; i++){
  document.write(c[i] + " ");
}
3
rose 12 4.567

 


4. 배열 자동 생성 (동적 크기)

let arr = [];
arr[0] = "사과";
arr[3] = "바나나";

document.write(arr.length + "<br>"); // 4
document.write(arr);                 // 사과,,,바나나

📝 정리

  • Array(크기) : 지정 길이의 빈 배열
  • Array(값…) : 값으로 초기화된 배열
  • [] (리터럴) : 가장 흔히 사용하는 방식
  • for / for…in으로 순회 가능
  • JavaScript 배열은 자동 생성 & 동적 크기라서 자유도가 높음