객체
자바스크립트의 객체는 게임 캐릭터의 정보에 비유할 수 있다.
객체란
정보를 담아주는 역할을 한다.
배열도 정보를 담는 역할을 하는데, 큰 차이가 있다.
배열은 정보의 순서를 중요시하고,
객체는 정보의 의미를 중요시한다.
let user = {
firstName(키): 'Otter'(값),
lastName: 'Lee',
email: 'otter@---.com',
isMale: true,
city: 'seoul'
};객체 선언은 위와 같이 할 수 있다.
객체 호출
객체를 호출하는 방법에는 두가지 종류가 있다.
<!--Dot notation-->
user.firstName // Otter
<!--Bracket notation-->
user['firstName'] // Otter
<!--Bracket notation-->
user[firstName] //undefined*dot notaion의 경우 동적인 변수는 입력할 수 없다.
*bracket notation에 따옴표가 빠지면 변수 취급이 된다.
user['firstName'] === user.firstName
user[firstName] !== user.firstName
user[firstName] !== user['firstName']객체의 값
객체 외부에서 값의 추가나 삭제도 가능하다.
user['city'] = 'seoul';
user.isMale = true;
user.hobby = ['baseball', 'game'];
delete user.isMale;
delete user['hobby'];객체에 특정 '키'의 존재 여부도 확인 가능하다.
'name' in user; // true
'isMale' in user; // false- 배열과 객체의 구조를 이해하고 언제, 어떻게 사용하는 지 이해할 수 있다.
- 배열과 객체의 특징을 구분하여 사용할 수 있다. (순서를 가진다, 의미를 가진다)
- 배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해할 수 있다.
- 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.
- 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다.
- user.content와 user['content']의 차이가 무엇인지 설명할 수 있다.
- dot notation을 이용한 객체 할당 방식을 능숙하게 다룰 수 있다. obj.a = "hello"
- 객체 속성 삭제를 위한 delete 키워드를 사용할 수 있다.
- 객체를 위한 for문 for ... in 문을 이해하고 다룰 수 있다.
- 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다.
