객체(Object)

객체는 키(Key)와 값(Value)의 쌍으로 구성된 데이터 모음입니다.

여기서 키는 문자열, 값은 다양한 데이터 타입(기본형, 객체, 함수 등)이 될 수 있습니다.

객체 만들기

자바스크립트에서는 중괄호 { }를 사용하여 객체를 만듭니다.

여러분의 지갑을 객체로 아래와 같이 표현할 수 있습니다.

지갑 객체 만들기

let 지갑 = {
  돈: 10000,
  신용카드: 'Visa',
  사진: '가족사진',
  운전면허증: true,
};

객체 내부의 돈, 신용카드, 사진, 운전면허증과 같은 것들을 '속성' 또는 '키'라고 하고, 이 키에 연결된 값들을 '값'이라고 합니다.

객체에서 정보 가져오기

1. 점(.)을 사용하는 방법: 이 방법은 가장 흔하게 사용됩니다.

   마침표로 객체 정보 가져오기

   let myMoney = 지갑.돈; // 10000

2. 대괄호([])와 키를 사용하는 방법: 이 방법은 키가 변수로 주어지거나, 공백이나 특수문자를 포함하는 경우 유용합니다.

   대괄호로 객체 정보 가져오기

   let card = '신용카드';
   let myCard = 지갑[card]; // 'Visa'

객체 정보 수정 및 추가

객체의 정보를 수정하거나 새로운 정보를 추가하는 것은 점(.)을 사용하는 방법과 대괄호([])를 사용하는 방법이 있습니다.

객체 정보 수정 및 추가

// 새로운 속성 추가
지갑.키 = 170;
지갑['신용카드'] = 'MasterCard';

// 기존 속성 값 변경
지갑.돈 = 5000;

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!

강의 등록하기로그인하기