객체

 

Achievement Goals

객체 기초, 퀴즈, 실습

• 배열 및 객체 구조를 이해하고 어떻게 사용하는 지 이해할 수 있다.
  • 배열과 객체의 특징을 구분하여 사용할 수 있다. (순서를 가진다, 의미를 가진다)
  • 배열과 객체의 특징에 따라 실생활에서 언제 쓰여야 하는지 이해할 수 있다.
• 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.
  • 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다.
  • 객체 실습 - 2 에서 나오는 tweet.content와 tweet['content']의 차이가 무엇인지 확실히 이해한다.
  • obj.a = "hello" 와 같은 이질적인 객체 할당 방식을 능숙하게 다룰 수 있다.
  • 객체 속성 삭제를 위한 delete 키워드를 사용할 수 있다.
  • 객체를 위한 for문 for ... in 문의 기본을 이해하고 다룰 수 있다.
• 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다.

---

객체는 키(key)와 값(value) 쌍(key-value pair)으로 이루어져 있다.

let user = {
	firstName: 'Kim',
    lastName: 'Lee',
    email: 'steve@codestates.com',
    city: 'Seoul'
  };

key:  firstName, lastName, email, city
value:  Kim, Lee, steve@codestates.com, Seoul

 

---

객체 값 사용 방법

 

1. 속성에 접근하기

 

1. Dot notation: 객체이름.Key => Value.   user.firstName; //'Kim', user.city; //'Seoul'

객체의 속성을 가져오는 것.

2. Bracket notation: 객체이름[Value] => Value.  user['firstName'];//'Kim, user['city']; //'Seoul'

' ' 반드시 기입할 것!!!

브라켓 노테이션 사용예시

 

 

※주의할점

tweet[content]

undefined

-> 따옴표가 없으면 content를 변수로 취급하기 때문에 undefined error 가 출력된다. //reference Error

즉, bracker notation 을 쓸 때는, bracket 안쪽의 문자열 형식으로 전달해야 한다.

 

생각해보기

 

2. 속성 변경하기

: bracker notation으로 값을 변경할 수 있다.

객체이름[Key] = Value;

 

문제예시

 

 

3. dot/bracket notation 으로 값 추가하기

객체이름[Key] = Value; 객체이름.Key = Value;

 

 

4. 값 삭제하기

delete 객체이름.Key; delete 객체이름[Key]

 

5. in 연산자로 해당키 존재여부 확인하기

Key in 객체이름