JavaScript 배열과 객체 완벽 이해: 기초부터 활용까지

JavaScript 배열과 객체란?

JavaScript 배열(Array)과 객체(Object)는 데이터를 구조화하고 효율적으로 관리하기 위한 핵심 데이터 구조입니다. 배열은 순서가 있는 데이터를, 객체는 키-값 쌍 데이터를 저장합니다. 이 글에서는 배열과 객체의 기본 개념부터 실용적인 활용법까지 자세히 살펴봅니다.

1. 배열(Array)의 이해와 활용

배열이란?

배열은 여러 데이터를 순서대로 저장하는 데이터 구조입니다. JavaScript 배열은 다양한 타입의 데이터를 함께 저장할 수 있습니다.

배열 선언과 사용

// 배열 선언
const fruits = ["사과", "바나나", "포도"];

// 배열 요소 접근
console.log(fruits[0]); // 출력: 사과

// 배열 길이
console.log(fruits.length); // 출력: 3

배열 메서드

JavaScript 배열은 데이터를 조작할 수 있는 다양한 메서드를 제공합니다.

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

// 요소 추가
numbers.push(5); // [1, 2, 3, 4, 5]

// 요소 제거
numbers.pop(); // [1, 2, 3, 4]

// 배열 순회
numbers.forEach(num => console.log(num)); // 1, 2, 3, 4

// 배열 필터링
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

2. 객체(Object)의 이해와 활용

객체란?

객체는 키(key)와 값(value)으로 이루어진 데이터 구조입니다. 각 키는 고유하며, 키를 사용해 데이터를 쉽게 접근할 수 있습니다.

객체 선언과 사용

// 객체 선언
const person = {
    name: "홍길동",
    age: 25,
    city: "서울"
};

// 객체 속성 접근
console.log(person.name); // 출력: 홍길동

// 속성 추가
person.job = "개발자";

// 속성 제거
delete person.city;

console.log(person); // { name: '홍길동', age: 25, job: '개발자' }

3. 배열과 객체의 조합

배열과 객체를 함께 사용하면 복잡한 데이터 구조를 다룰 수 있습니다.

예제: 객체 배열

const students = [
    { name: "홍길동", score: 85 },
    { name: "김철수", score: 92 },
    { name: "이영희", score: 78 }
];

// 배열 순회하며 특정 값 출력
students.forEach(student => {
    console.log(`${student.name}의 점수는 ${student.score}점입니다.`);
});

예제: 객체 안의 배열

const course = {
    title: "JavaScript 기본",
    students: ["홍길동", "김철수", "이영희"]
};

console.log(course.students[1]); // 출력: 김철수

4. 고급 활용법

배열 메서드로 데이터 가공

const scores = [85, 92, 78, 90];

// 모든 점수의 합 구하기
const total = scores.reduce((sum, score) => sum + score, 0);
console.log(total); // 출력: 345

객체를 사용한 데이터 관리

const inventory = {
    apples: 10,
    bananas: 20,
    oranges: 15
};

// 특정 품목 업데이트
inventory.apples += 5;

// 전체 품목 출력
for (const [key, value] of Object.entries(inventory)) {
    console.log(`${key}: ${value}`);
}

5. 배열과 객체 선택 기준

• 배열을 사용할 때: 데이터를 순서대로 저장하거나, 반복적으로 처리할 때.

• 객체를 사용할 때: 데이터를 키-값 쌍으로 저장하고, 특정 키를 사용해 데이터를 빠르게 접근할 때.

JavaScript 배열과 객체는 데이터를 구조적으로 관리하는 데 필수적인 도구입니다.

기본 개념을 이해하고 다양한 메서드와 활용법을 익히면, 더 복잡한 문제도 효과적으로 해결할 수 있습니다.

이 글의 예제를 직접 실행해 보며 학습하면 실력을 빠르게 향상시킬 수 있습니다.