[J/S] 객체와 객체 메소드

카테고리 별로 데이터를 관리해주는 객체에 대해서 알아보자

 

아래와 같이 새로운 변수가 지속적으로 생긴다면 번거롭다. 

let jasonName = "Jason" 

let jasonAge = 25

let jasonGender = "Female" 

 

그래서 객체를 사용하면 하나의 객체 변수에 정보를 담을 수 있다.

객체(Object) 정의

• 여러개의 속성을 가진 데이터 타입이며,
• 그 속성(프로퍼티)들은 키(Key)와 값(Value)의 "쌍"으로 이루어진다.
• 중괄호 안에 property를 적어준다. 키와 값은 : (콜론)으로 구분해준다.
• Dot notation, Bracket notation 방법으로 새로운 프로퍼티도 생성이 가능하다.

 

let userData = { name: 'Jason', age : 25, gender : 'Male' };

객체의 데이터에 접근 하는 방법
1) Dot notation
userData.name -> "Jason" 
userData.age -> "25"

2) Bracket notation

• userData["접근하려는 property Key"]       
  userData["name"] => "Jason"
• 변수를 활용하여 데이터에 접근

 

 

console에 찍어보기

json 형식의 데이터

닷 노테이션/ 브라켓 노테이션

객체(Object) 메소드

• Object.keys( ) :
  객체 propery들의 키(keys)들이 문자열 형태로 배열에 담겨진다.
  어떤 객체가 어떤 특정 키를 가지고 있는지 확인할 수 있다.

let result = Object.keys(jsonData)
console.log(result)
 => ['name', 'age', 'gender']

• Object.values( ) :
  객체 property들의 값(values)을 배열에 담겨진다.

console.log(Object.values(jsonData))=> ["Jason", 25, "Male"]