자바스크립트 객체

❓퀴즈

다음 코드의 출력값은?

let obj1 = { value: 10 };
let obj2 = obj1;

obj1.value = 20;

console.log(obj2.value);

 

---

20 !

---

🔍이유 설명

let obj1 = { value: 10 };
let obj2 = obj1;

여기서 obj2 = obj1은 값 복사가 아니라, obj1이 가리키는 객체를 참조

즉, obj1과 obj2는 같은 객체를 공유하고 있는 상태

obj1.value = 20;

이렇게 값을 바꾸면, 그 객체의 value 속성 자체가 바뀌기 때문에 obj2.value도 똑같이 20이 됨

---

기본형은 값 복사, 객체는 참조 복사!

자바스크립트에서 객체(object)는 여러 개의 데이터를 하나로 묶어서 저장하는 자료형
쉽게 말해서, 이름표가 붙은 데이터의 모음집 ! 

---

🔸예시

let person = {
  name: "유진",
  age: 25,
  isStudent: true
};

이건 person이라는 객체고, 안에 name, age, isStudent 같은 속성(property)이 들어 있음
형태는 -> key: value
즉, name이라는 key에 "유진"이라는 value가 들어있음

---

🔹접근 방법

console.log(person.name); // "유진"
console.log(person["age"]); // 25

 

 

✅ 배열 vs 객체 차이 정리

항목	객체 {}	배열 []
구조	key-value 쌍	순서가 있는 값들의 모음
순서	보장되지 않음 (ES6 이후는 일부 유지)	보장됨 (index로 접근)
사용 용도	한 사람의 정보, 설정, 옵션 등	목록, 리스트, 컬렉션
예시	{name: "유정", age: 26}	["사과", "바나나", "포도"]