훈훈한 Javascript (5)

< 섹션 1 >

3. 객체

순서가 아닌 각 카테고리 별로 데이터를 관리 해주는 객체 데이터 타입

property: 속성

각 프로퍼티가 갖는 것

= 1개의 key, 1개의 value

객체는 userData 라는 변수에 담아져 활용

객체는 여러개의 property 가짐

각 property 는 키:값을 쌍으로 이루고 있음.

< 객체에 접근하는 방법 > (2) 

1) Dot notation

2) Bracket notation

1) Dot notation

접근하고싶은 property의 키를 dot (.)과 함께 적어줌

아직 존재하지 않는 키를 추가해줄 수도 있음

해당 키에 할당해주고 싶은 값을 할당연산자(=)를 통해 할당해준다.

2) Bracket notation

dot 노테이션과 달리

대괄호를 사용해준다.

대괄호 안에다가는 접근하고 싶은 프로퍼티를 적어주는데, 문자열 형태로 적어줌.

문자열이 아닌 키로 입력을 하면 변수로 인식하게 된다.

bracket notation 에러

-> name 이 변수로 동작해서 name 이라는 변수에 담겨있는 문자열 age의 데이터 값(25)이 반환된것

다른 예시

---

4. 객체 메소드

객체 jasonData

 

키 = name / age / gender

이렇게 3가지를 배열에 담아 반환해준다.

괄호 안에 키를 뽑아오고 싶은 객체를 적어준다.

어떤 객체가 특정 키를 갖고 있는지도 확인 가능

keys 와 사용법 같음

값만을 뽑아와준다.

객체의 값에는 배열이든 어떠한 데이터든 담을 수 있다.