JavaScript
객체로 관련 정보 묶기
객체는 이름이 붙은 프로퍼티로 관련 값을 묶습니다.
이럴 때 필요해요
한 좌석의 번호와 가격을 서로 연결해 보관합니다.
어떻게 동작하나요?
좌석 번호와 가격을 따로 저장하면 어느 가격이 어느 좌석의 것인지 헷갈릴 수 있습니다. 객체는 관련 값을 하나로 묶고 각 값에 이름을 붙입니다.
중괄호 안에 프로퍼티 이름과 값을 콜론으로 연결합니다. seat.id는 seat 객체의 id 프로퍼티를 읽습니다. 배열처럼 순서로 찾는 방식과 다릅니다.
객체의 특정 프로퍼티를 바꿀 수도 있습니다. const로 선언한 객체의 내용 변경과 변수 재대입의 차이, 같은 객체를 공유하는 문제는 원리 단계에서 이어갑니다.
코드 예제
동작을 설명하는 읽기 전용 예제입니다.
const seat = { id: "A1", price: 5000 };
console.log(seat.id); // A1
console.log(seat.price * 2); // 10000한 객체에서 좌석 번호와 가격을 각각 이름으로 읽습니다.
자주 헷갈리는 포인트
- 없는 프로퍼티 이름을 읽으면 원하는 값이 나오지 않습니다.
- 객체와 배열은 서로 다른 접근 방식을 가진다는 점을 구분합니다.
내 말로 설명해 보기
좌석 가격 프로퍼티를 cost로 이름 바꾸면 읽는 코드도 바꿔야 할까요?
생각할 단서 예제의 값을 하나 바꿔 보고, 바뀌는 부분과 그대로인 부분을 구분해 보세요.
예시 답변 확인
설명에 들어갈 핵심
- 객체는 이름이 붙은 프로퍼티로 관련 값을 묶습니다.
- 한 객체에서 좌석 번호와 가격을 각각 이름으로 읽습니다.
예시 답변
네. seat.price 대신 seat.cost로 읽어야 합니다. 프로퍼티 이름은 값을 찾는 데 사용됩니다.
문장을 그대로 외우기보다 예제의 값과 실행 흐름을 떠올리며 설명해 보세요.