FRONTEND/JavaScript
객체의 기초
MarkLEE
2021. 4. 18. 17:04
오늘은 객체의 기초에 대해서 배웠다.
객체와 배열의 차이
- 객체는 순서와 의미를 가진다는 것에 있어서 배열과 차이점이 있다.
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가 뜬다.
- 이를 응용해 스트링표시 없이 매개변수값을 넣어, 유연하게 이용도 가능하다.