7. 컬렉션(Collection)과 오브젝트(Object)

Jan 12, 2026

Contents

1. 컬렉션(Collection)1️⃣ 컬렉션이란?2️⃣ Array (배열)3️⃣ Object (객체)4️⃣ Map 5️⃣ Set 6️⃣ 요약 비교 7️⃣ 어디서 쓰면 좋나?2. 실습 1️⃣ 컬렉션 2️⃣ 오브젝트(Object)

1. 컬렉션(Collection)

1️⃣ 컬렉션이란?

데이터를 여러 개 저장하고 관리하기 위한 집합 자료 구조

2️⃣ Array (배열)

여러 값을 순서대로 저장하는 구조


const arr = ["사과","딸기","바나나"];

✔ 순서 존재

✔ 인덱스로 접근 (arr[0])

✔ 중복 허용

✔ map, filter, reduce와 같이 데이터 처리 메서드 풍부

3️⃣ Object (객체)

키(key) - 값(value) 쌍으로 데이터를 저장


const person = {name: "Kim", age: 20};

✔ 키 이름으로 접근

✔ 구조가 자유롭고 확장 쉬움

❌ 순서 보장 X (ES6 이후 대부분 유지되지만 논리적으로는 없음)

4️⃣ Map

Object의 업그레이드 버전


const map = new Map();
map.set("name","Kim");
map.set("age",20);

✔ 순서 유지

✔ 아무 타입의 key 사용 가능 (object도 key 가능)

✔ size 속성 제공

❌ Object보다 문법이 낯설 수 있음

5️⃣ Set

값을 중복 없이 저장하는 집합 구조


const set = new Set([1,2,2,3]);
console.log(set);// {1,2,3}

✔ 중복 자동 제거

✔ 존재 여부 체크 빠름 (set.has(value))

✔ 배열로 변환 쉬움

6️⃣ 요약 비교

종류	특징	중복	순서	키 기반
Array	순서 있는 데이터 목록	⭕	⭕	❌
Object	key/value 데이터 저장	⭕	❌	⭕
Map	key/value + 순서 보장	⭕	⭕	⭕(모든 타입)
Set	유일한 요소의 집합	❌	⭕	❌

7️⃣ 어디서 쓰면 좋나?

1) Array

데이터 목록, 리스트 보여줄 때

2) Object

속성 정보를 묶어 나타낼 때 (사람정보, 설정값 등)

3) Map

동적으로 key를 추가/삭제하고 싶을 때

키가 문자열 외에도 여러 타입일 때

4) Set

중복 제거

“값이 존재하는지 체크”할 때 효율적

2. 실습

1️⃣ 컬렉션


let list = [1,2,"삼",4];
console.log(typeof list);
console.log(list);
console.log(list[0]);
console.log(list[1]);
console.log(list[2]);
console.log(list[3]);
list[2] = 3;
console.log(list);

2️⃣ 오브젝트(Object)

1) 오브젝트 실습

자바의 해시맵 같은 것


// 2. 해시맵 같은 오브젝트
let user = {
    no: 1,
    name: "길동",
    phone: "0102222",
    hobbys: ["축구","농구"]
};
// 중괄호 부분이 오브젝트 (안에 상태값은 let 안 붙여도 됨)
console.log(user.no);
console.log(user.hobbys[1]);

user.no = 2;
console.log(user);

※ 오브젝트와 문자열

※ 자바 스크립트 오브젝트와 제이슨

Javascript Object

json - JavaScript Object Notation

자바스크립트 오브젝트에 각각 쌍따옴표 붙인 게 제이슨

Contents