반응형
C1201_객체




C1202_객체배열


- 배열 (Array)
- 배열은 대괄호를 사용한다.
- 객체 (Object)
- 관련 있는 데이터를 하나로 묶는 구조
- 예를 들어, 어떤 사람의 이름, 나이, 주소 같은 여러 정보를 하나로 관리하고 싶다면 객체가 딱이에요.
- 객체는 중괄호를 사용한다.

- 객체와 배열이 어떨때가 효율적인가.
- 객체
- "이름 붙은 정보들"을 저장할 때 효율적
- let person = {
name: "홍길동",
age: 25,
job: "개발자"
}; - 특징:
- **속성 이름(key)**이 있어 정보를 구분하기 쉽다.
- 순서가 중요하지 않고, "무엇이 무엇인지"가 중요한 경우 사용.
- 하나의 "정보 묶음" (예: 사용자, 상품, 게시글 등)을 표현할 때 좋다.
- 특정 속성을 바로 꺼내 쓸 수 있다: person.name, person.age
- 대표 상황:
- 사용자 정보
- 하나의 상품 데이터
- 서버에서 받은 JSON 객체
- 설정값 저장 등
- 배열
- "목록, 순서 있는 데이터"를 저장할 때 효율적
- let fruits = ["사과", "배", "바나나"];
- 특징:
- 값의 순서가 중요할 때 사용 (ex: 첫 번째 항목, 마지막 항목 등)
- 반복문(for, forEach 등)으로 처리하기 쉬움
- 동작이 빠름. 숫자 인덱스로 접근하므로 탐색 속도도 빠름.
- 대표 상황:
- 이름 목록, 점수 목록 등
- 반복해서 뭔가를 처리할 때
- 여러 개의 같은 종류의 데이터가 있을 때

🔥 꿀팁
- 👉 배열은 리스트
- 👉 객체는 사전(딕셔너리)처럼 이름 붙은 정보 저장소
- ✅ 1. 배열(Array)은 리스트다
- 비유: 줄 서 있는 사람들
- 순서대로 줄 서 있어요.
- 번호로 사람을 불러요. "1번!", "2번!"
- let fruits = ["사과", "배", "바나나"];
fruits[0] → "사과"
fruits[1] → "배"
fruits[2] → "바나나"
➡ "0번 자리에는 이게 들어있고, 1번 자리엔 저게 있어" → 순서(인덱스)가 중요!
📌 정리:
배열은 숫자 인덱스로 접근함
순서가 중요하고, 반복문으로 다루기 쉬움
단순한 목록(리스트)에 적합
- ✅ 2. 객체(Object)는 **사전(딕셔너리)**처럼 작동한다
- 📚 비유: 단어 사전
- "apple"을 찾으면 → "사과"가 나와요
- "banana"를 찾으면 → "바나나"가 나와요
- let fruit = {
apple: "사과",
banana: "바나나",
strawberry: "딸기"
};
fruit.apple → "사과"
fruit["banana"] → "바나나"
➡ "이름(key)으로 바로 찾는다"
📌 정리:
객체는 이름(Key)으로 접근
값에 의미를 부여할 수 있음
여러 속성을 가진 데이터에 적합 (예: 사람, 상품, 게시물 등)
- 📚 비유: 단어 사전
반응형
'코딩 > 1-JavaScript' 카테고리의 다른 글
| C1301리턴이차원배열 (0) | 2025.05.19 |
|---|---|
| C1203_게임 ~ C1207_그룹바이 (0) | 2025.05.19 |
| C1101_문자열_개념연습 (0) | 2025.05.16 |
| C1004_그룹바이 (0) | 2025.05.15 |
| C1002_정렬 ~ C1003_조인 (0) | 2025.05.15 |