S1. 객체

노션으로 보기

객체

• 객체는 키와 값의 쌍(key-value pair)로 이루어진다.

1. 객체의 값을 사용하는 첫번째 방법 : Dot notation(반 노테이션)

• 동적일 때는 사용할 수 없다.

user.firstname; //'steve'
user.city; //'seoul'

1. 두번째 방법 : Brackeet(대괄호) notation → 대괄호 안에 문자열 형식으로

• key 값이 동적(변수)일 때 사용 ⇒ key값이 변할 때

user['firstname']; //'steve'
user['city']; //'seoul'

dot/braket notation을 이용해 값을 추가/삭제/확인할 수 있다.

1. 추가

user['age'] = '14';
user.isPublice = true;
uver.tage = ['#코드스테이츠', '#프리코스']; //배열 추가도 가능하다.

1. 삭제 : [delete](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/delete)

delete user.city;

1. 해당 키가 있는지 확인 : in 연산자

'firstname' in user; //true
'height'in user; //false

배열과 객체의 가장 큰 차이점⇒ 순서 정보의 유무

• 배열

  : 요소의 0부터 순차적으로 접근 가능

  : for ~ of 문(string, array, 유사배열 등)을 옽해 반복문 사용 가능

• 객체

  : 속성에 순서대로 접근하지 않고, key를 통해 value로 접근한다,

  : **[for ~ in 문](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in)**을 통해 객체의 모든 key에 접근하고 출력할 수 있다.