오늘은 객체의 기초에 대해서 배웠다.
객체와 배열의 차이
- 객체는 순서와 의미를 가진다는 것에 있어서 배열과 차이점이 있다.
let obj = {
firstName: 'Mark',
lastName: 'LEE',
address: 'Seoul'
};
객체의 기본구조
객체는 키와값 쌍(key-value pair)으로 이루어져 있다.
위 객체에서 key-value pair는 [firstName: 'Mark'] 이라고 생각할 수 있으며,
여기에서 firstName은 key, 'Mark'는 value 이다.
객체의 값을 불러오는 방법은 두가지가 있다.
1) dot notation
- obj.keyName 형식
- 여기에서 firstName은 string값이라고 생각하면 된다.
2) bracket notation
- obj['keyName']형식
- 꼭 ''스트링 표시를 붙여주어야 한다. 만약, 스트링 표시를 붙여주지 않는다면, 해당 keyName을 변수로 취급해서 undefined가 뜬다.
- 이를 응용해 스트링표시 없이 매개변수값을 넣어, 유연하게 이용도 가능하다.
객체의 속성을 삭제하는 방법: delete obj.keyName 형식.
'FRONTEND > JavaScript' 카테고리의 다른 글
원시자료형(primitive type) vs 참조 자료형(reference type) (0) | 2021.04.25 |
---|---|
for...in 과 for...of (0) | 2021.04.19 |
배열의 기초(자바 스크립트) (0) | 2021.04.18 |
자바스크립트 기본 논리적 구조만들기(feat.계산기) (0) | 2021.04.15 |
다중 조건문 if(자바스크립트, js) (0) | 2021.04.15 |