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
자바스크립트 오브젝트에 각각 쌍따옴표 붙인 게 제이슨
Share article