Achievement Goals
객체 기초, 퀴즈, 실습
- 배열과 객체의 구조를 이해하고 언제, 어떻게 사용하는지 이해할 수 있다.
배열은 순서를 가지기에 인덱스를 통해 값에 접근 할 수 있지만 객체는 순서가 없고 인덱스 대신 key를 통해 의미를 가지고 값에 접근할 수 있다.
- 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.
객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다.
객체의 속성은 dot notation과 bracket notation 으로 조회할 수 있다.
dot notation 은 . 을 이용해 객체의 키에 접근하는 방식이고 bracket notation은 []을 이용해 키에 접근하는 방식이다.
let user = {firstName: 'Steve'};
console.log(user.firstName); // 'Steve'
console.log(user['firstName']); // 'Steve'
let name = 'firstName';
console.log(user[name]); // 'Steve'
bracket notation을 사용하면 변수를 이용해 객체의 키에 접근하는 것이 가능하다.
user 객체에 lastName을 추가할 때에는 dot natation과 bracket notation 둘 다 사용가능하다.
user.lastName = 'Fox';
user['lastName'] = 'Fox';
delete 를 사용하여 객체의 속성을 삭제할 수 있고 객체의 각 키를 순회하는 for문 사용시 for ... in 을 사용할 수 있다.
delete user.lastName;
for (key in user) {...}
- 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다.
'학습목표 정리' 카테고리의 다른 글
[CSS] 레이아웃, Selector Chapter - 웹 앱 화면 설계하기 (0) | 2021.08.25 |
---|---|
[CSS] 레이아웃, Selector Chapter - CSS 중급 (0) | 2021.08.24 |
[JS/Node] 배열, 객체 Chapter - 배열 기초 (0) | 2021.08.20 |
[Git] 기초 Chapter - Git (0) | 2021.08.19 |
[Git] 기초 - Chapter - 버전 관리 시스템 (0) | 2021.08.19 |