본문으로 건너뛰기
실습하기

객체(Object)

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

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


객체를 만드는 방법

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

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

지갑 객체 만들기
let wallet = {
cash: 10000,
card: 'Visa',
driverLicense: true,
};

cash, card, driverLicense는 객체의 속성이며, 10000, 'Visa', true는 속성의 값입니다.

속성과 값은 콜론(:)으로 연결되며, 각 속성은 쉼표(,)로 구분됩니다.


객체에서 정보 가져오기

객체의 정보를 가져오는 방법은 두 가지가 있습니다.


점(.)을 사용하는 방법

가장 일반적인 방법으로, 객체의 속성에 접근할 때 사용합니다.

마침표로 객체 정보 가져오기
let myMoney = wallet.cash; // 10000

대괄호([])와 키를 사용하는 방법

키가 변수로 주어지거나, 공백이나 특수문자를 포함하는 경우 유용합니다.

대괄호로 객체 정보 가져오기
let myCard = wallet['card']; // 'Visa'

객체 정보 수정 및 추가

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

객체 정보 수정 및 추가
// 새로운 속성 추가
wallet['picture'] = 'family';

// 기존 속성 값 변경
wallet.cash = 20000;

다음 내용이 궁금하다면?

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