[JavaScript] 객체

📍 객체(Object)란?
객체는 이름(key)과 값(value)의 쌍으로 이루어진 데이터 구조.

• 여러 속성(정보)을 하나로 묶어서 표현할 수 있음.
• 키는 문자열(또는 심볼), 값은 어떤 자료형이든 가능.

---

• 예시

  • name, age, isStudent ➡️ key
  • 'Alice', 25, true ➡️ 각각의 value

  let person = {
    name: 'Alice',
    age: 25,
    isStudent: true
  };
  

  
  

✅ 배열 vs 객체 차이

• 배열 👉 값들의 순서가 중요할 때
• 객체 👉 각각의 값에 이름을 붙여 관리할 때

구분	배열 (Array)	객체 (Object)
목적	순서 있는 값을 저장	이름 붙은 값을 저장
키/인덱스	숫자 인덱스 (0, 1, 2...)	문자열 키 ("name", "age"...)
선언 방식	let arr = [1, 2, 3];	let obj = { name: 'Tom', age: 20 };
값 접근 방식	arr[0]	obj.name 또는 obj['name']
순회 방식	for, forEach, map, for...of	for...in, Object.keys() 등
용도	리스트, 목록, 순차적 데이터	개체의 속성 정보 저장 (예: 사용자 정보)

---

✅ 객체의 생성

① 객체 리터럴(Object Literal)

• 중괄호 { } 안에 key: value 형식으로 정의
• 가장 흔한 방법

const person = {
  name: 'Alice',
  age: 25,
  isStudent: true
};

② 생성자 함수(Constructor Function)

• this를 사용해 속성을 정의
• new 키워드로 인스턴스를 생성

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const person1 = new Person('Bob', 30);

③ new Object( ) 생성자 사용

• 객체를 생성하고 속성을 점(.)으로 추가

const person = new Object();
person.name = 'Charlie';
person.age = 28;

④ Object.create( ) 사용

• 프로토타입 기반
• proto 객체를 상속받은 새 객체를 생성
• 주로 상속이나 객체 복제 용도로 사용

const proto = {
  greet() {
    console.log('Hello!');
  }
};

const person = Object.create(proto);
person.name = 'Daisy';

✅ 객체와 반복문

① for...in 문

• 객체의 모든 key(속성 이름)을 순회
• key는 문자열로 나옴
• user[key]를 통해 해당 키의 값을 가져옴

const user = {
  name: 'Alice',
  age: 25,
  isStudent: true
};

for (let key in user) {
  console.log(key);        // 키 출력: name, age, isStudent
  console.log(user[key]);  // 값 출력: Alice, 25, true
}

② Object.keys( ) + forEach( )

• key 배열을 순회
• 배열처럼 forEach( )로 순회 가능

Object.keys(user).forEach(function(key) {
  console.log(key, user[key]);
});

③ Object.entries( )

• 구조 분해 할당을 사용해서 key와 value를 동시에 꺼낼 수 있음
• Object.entries(user)는 [["name", "Alice"], ["age", 25], ["isStudent", true]] 형태

for (let [key, value] of Object.entries(user)) {
  console.log(`${key}: ${value}`);
}