자바스크립트의 자료형 중 하나인 객체는 원시형과 달리 다양한 데이터를 담을 수 있다.
키로 구분된 데이터 집합이나 복잡한 개체(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"];
'Front-end > JavaScript' 카테고리의 다른 글
| [JavaScript] var, let, const의 차이점 (0) | 2023.06.28 |
|---|---|
| const도 수정할 수 있다? (0) | 2023.06.23 |
| DOM이 뭐지? (0) | 2023.06.19 |
| [JavaScript] 물음표'?' / 삼항 연산자 / 조건부 연산자 (1) | 2023.06.09 |
| JavaScript의 기초 (0) | 2023.06.09 |