[JavaScript] 데이터 구조: 객체(Object)와 배열(Array)

8. 객체와 배열

JavaScript에서 객체(Object)와 배열(Array)은 데이터를 구조화하고 관리하는 기본 단위이다.
객체는 서로 다른 의미의 데이터, 배열은 동일한 성격의 데이터를 저장하는 데 적합하다.

---

8-1. 객체 (Object)

Python의 딕셔너리(dict)와 유사하며,
key-value 쌍으로 데이터를 저장하는 자료형이다.

let person = {
  name: "하영",
  hobby: "발레",
  gender: "여자",
  school: ["한국초", "한국중", { 전공: "이과", 구분: "인문계" }]
};

• 키(key)를 통해 값을 조회한다.
• 중첩된 데이터도 자유롭게 표현할 수 있다.

객체의 특징

• 의미가 서로 다른 데이터를 저장할 때 적합하다.
• 객체의 속성은 객체명.키 또는 객체명["키"] 형태로 접근한다.
• 데이터 송수신(JSON) 시 주로 사용된다.

console.log(person.name);           // "하영"
console.log(person.school[1]);      // "한국중"
console.log(person.school[2].전공); // "이과"

---

8-2. 배열 (Array)

JS에서의 배열은 Python의 리스트(list)와 유사하며,
동일한 성격의 데이터를 순차적으로 나열하는 자료형이다.

let name = ["정형", "서보경", "이도연", "손지영"];

배열의 특징

• 배열의 크기는 동적이다.
• 배열의 크기가 지정되어 있어도 데이터를 추가하면 저장공간이 자동으로 할당된다.
• 배열의 크기는 배열의 length라는 프로퍼티(property)에 저장된다.
• 모든 타입을 저장할 수 있는 구조이다.
• 순서가 있는 데이터 집합이다.
• index로 조회하며, index는 0부터 시작한다.
• 반복문과 함께 매우 자주 사용된다.

console.log(name[0]);        // "정형"
console.log(name.length);    // 4

---

배열 메서드 정리

메서드	설명
push()	배열 끝에 요소 추가
pop()	배열 끝 요소 제거
includes()	특정 값 포함 여부 확인
indexOf()	특정 값의 인덱스 반환
splice()	요소 추가 또는 제거
join()	배열을 문자열로 결합
slice()	배열의 일부분을 잘라서 반환

name.push("Emma");
console.log(name.includes("Emma"));  // true

---

객체 vs 배열 비교 요약

항목	객체(Object)	배열(Array)
구조	키-값(key-value) 구조	순서 기반의 값 모음
접근 방식	obj.key / obj["key"]	arr[index]
사용 목적	다양한 속성 데이터 저장	동일한 항목 리스트 저장

---

예시 복습

// 객체 접근 예시
console.log(person.name);            // "하영"
console.log(person.school[2].구분);  // "인문계"

// 배열 접근 예시
console.log(name[0]);                // "정형"

---