자바스크립트의 배열과 반복문

✅ 특징

• 배열의 사이즈에 제한이 없다
• 배열의 요소 타입이 다양해도 된다 (숫자, 문자열, 불리언, 객체 등 혼합 가능)
• 배열을 쉽게 다룰 수 있도록 다양한 내장 메서드가 제공
  예: push(), pop(), map(), filter(), reduce() 등

---

✅ 배열 생성 방법

const arr1 = [];                  // 빈 배열
const arr2 = [1, 2, 3, 4];        // 숫자 배열
const arr3 = [10, 'abc', true];   // 타입 혼합 배열
const arr4 = new Array();         // 생성자 사용 (추천은 아님)
const arr5 = [,,];                // 희소 배열 (빈 요소가 2개)

---

✅ 배열 반복문

🔁 for문 (기본형)

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

🔁 forEach문

• 배열 요소 하나하나에 대해 콜백함수 실행
• 리턴값은 없음

arr.forEach(function(item, index) {
  console.log(index, item);
});

🔁 for...in 문

• 배열의 인덱스(키) 를 반복
• 일반 객체 순회에도 사용되며 배열 순회에는 비추천

for (let index in arr) {
  console.log(index, arr[index]);  // index는 문자열
}

⚠️ for...in은 객체 순회용이라 배열에는 권장되지 않음

🔁 for...of 문

• 배열의 값(value) 를 직접 순회
• Symbol.iterator가 구현된 객체에서 사용 가능
• 배열에서 주로 사용

for (let value of arr) {
  console.log(value);
}

---

✅ 정리

반복문	특징	반환값
for	고전적 반복, 인덱스 사용	X
forEach	콜백 실행, 배열 요소 순회	X
for...in	인덱스(키) 반복	X
for...of	값(value) 반복	X