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가 뜬다.
  • 이를 응용해 스트링표시 없이 매개변수값을 넣어, 유연하게 이용도 가능하다.

 

객체의 속성을 삭제하는 방법: delete obj.keyName  형식.