📦 자바스크립트 배열(Array) 완전 정리

🧾 배열이란?

배열(Array)은 여러 개의 값을 하나의 변수에 순서대로 저장할 수 있는 자료 구조입니다.

자바스크립트의 배열은 다양한 타입의 데이터를 함께 담을 수 있습니다.

let fruits = ['사과', '바나나', '포도'];

🍱 실생활 비유: 배열은 식판처럼 여러 칸에 다양한 음식을 담듯, 여러 데이터를 한 변수에 담을 수 있습니다.

🔁 배열을 순회(반복)하는 방법

방법	설명	예시
`for`	인덱스를 이용한 전통적인 반복	`for(let i = 0; i < arr.length; i++)`
`for...of`	배열의 요소를 하나씩 꺼냄	`for (let item of arr)`
`forEach()`	콜백 함수를 사용한 반복	`arr.forEach((item) => console.log(item))`

const fruits = ['사과', '배', '딸기'];

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

for (let fruit of fruits) {
  console.log(fruit);
}

fruits.forEach(fruit => console.log(fruit));

🛠️ 배열 기본 메서드

메서드	설명	예시
`join(separator)`	배열을 문자열로 합치기	`['a', 'b'].join('-') → 'a-b'`
`includes(value)`	포함 여부 확인	`[1,2,3].includes(2) → true`
`indexOf()` / `lastIndexOf()`	특정 값의 위치 찾기	`[1,2,3].indexOf(3) → 2`
`slice(start, end)`	배열의 일부 추출 (원본 유지)	`arr.slice(1, 3)`
`splice(start, deleteCount, ...items)`	요소 삭제/추가 (원본 변경)	`arr.splice(1, 1, '새값')`
`concat()`	배열 합치기	`arr1.concat(arr2)`
`reverse()`	배열 순서 뒤집기 (원본 변경)	`arr.reverse()`
`toSorted()` / `toReversed()`	ES2023, 정렬/뒤집기 (원본 불변)	`arr.toSorted()`

🎯 배열 고차 함수(Higher-Order Functions)

고차 함수란, "다른 함수를 인자로 받거나 반환하는 함수"를 말합니다.

자바스크립트 배열은 대표적인 고차 함수 기반 메서드를 많이 제공합니다.

주요 고차 함수

메서드	설명	예시
`forEach()`	반복 수행 (return 없음)	`arr.forEach(x => console.log(x))`
`map()`	배열 요소를 변형하여 새 배열 생성	`arr.map(x => x * 2)`
`filter()`	조건을 만족하는 요소만 추출	`arr.filter(x => x > 0)`
`reduce()`	누적 계산 (총합 등)	`arr.reduce((a,b) => a + b)`
`find()`	조건에 맞는 첫 요소 반환	`arr.find(x => x > 5)`
`some()` / `every()`	일부/모두 조건 충족 여부 확인	`arr.some(x => x > 0)`
`sort()`	요소 정렬 (원본 변경 주의)	`arr.sort((a,b) => a-b)`

🧪 실습 예제

const numbers = [1, 2, 3, 4, 5];

// map
const doubled = numbers.map(num => num * 2); // [2, 4, 6, 8, 10]

// filter
const even = numbers.filter(num => num % 2 === 0); // [2, 4]

// reduce
const sum = numbers.reduce((acc, cur) => acc + cur, 0); // 15

// some / every
const hasNegative = numbers.some(num => num < 0); // false
const allPositive = numbers.every(num => num > 0); // true