[JavaScript] 객체 Object

자바스크립트의 자료형 중 하나인 객체는 원시형과 달리 다양한 데이터를 담을 수 있다.

키로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있다.

 

Object

객체는 중괄호 {...}를 이용해 만들 수 있다. 중괄호 안에는 '키(key): 값(value)' 쌍으로 구성된 property를 여러 개 넣을 수 있다.

key엔 문자형, value엔 모든 자료형이 허용된다.

property라는 서랍장 안에 여러 개의 key라는 파일이 있다고 생각하면 이해하기 쉽다.

 

<빈 객체를 만드는 방법 2가지>

let user = new Object(); //객체 생성자
let user = {}; //객체 리터럴

{ }를 이용하여 객체를 선언하는 것을 object literal이라고 부른다. 주로 이 방법을 사용한다.

literal & property

{...} 안에는 key:value 가 쌍으로 구성된 property가 들어간다.

let user = { 		//object
	name: "John".	//key: "namme", value: "John"
	age: 20			//key: "age, value: 20
};

propert는 추가, 삭제가 가능하고 dot notation을 이용하면 property 값을 읽을 수 있다.

//property 값 얻기
alert( user.name ); //John
alert( user.age ); //20

//삭제
delete user.age;

여러 단어를 조합해 property 이름을 만든 경우엔 따옴표로 묶어줘야 한다.

let user = {
	name: "John",
    age: 20,
    "like dogs": true
};

user.like dogs = true; //error

 

여러 단어로 property key를 만든 경우엔 점 표기법 대신 대괄호 표기법을 사용한다.

let user = {};

// set
user["like dogs"] = true;

// get
alert(user["like dogs"]); // true

// delete
delete user["like dogs"];