본문 바로가기
Front-end/Javascript

객체

by warrior.p 2022. 3. 7.

*객체

: '실제로 존재하는 사물'을 의미하고 '이름, 값(value)으로 구성'된 속성(property)을 가진 자바스크립트의 기본 데이터 타입.

배열도 객체.

 

-> 키 : 값

 

ex)

const person = {

 name : 'jennie',

 gender ; 'female',

 age : '30'

}

 

- 객체 요소에 접근

1)

person['name']

person['gender']

person['age']

 

2)

person.name

person.gender

person.age

 


*속성과 메소드

 

:객체 내부에 있는 값을 속성(property)라고 함. 객체 속성 중 함수 자료형인 속성을 메소드 라고 함.

(화살표 함수는 메소드로 사용하지 않는다)

 


*메소드 내부에서  'this' 키워드

:메소드 내에서 자기 자신이 가진 속성을 출력하고 싶을 때는 자신이 가진 속성임을 분명하게 표시해야함. 자기 자신이 가진 속성이라는 것을표시 할때는 this키워드를 사용함.

 

ex)

const pet = {

  name : ' cherry',

  eat : function (food) {

    alert ( this.name+'는'+food+'을/를 먹습니다.')

   }

}

 

pet.eat('고기')     -> cherry는 고기을/를 먹습니다.

 

 


*동적으로 객체 속성 추가

:객체를 생성한 후 속성을 지정하고 값을 입력.

 

ex)

const person = { }

 person.name ='jennie',

person.hobby ='reading',

person.job='singer'

 

*동적으로 객체 속성 제거하기

-> delete 객체.속성

 

ex)

const person = { }

 person.name ='jennie',

person.hobby ='reading',

person.job='singer'

delete person.job

 

 

'Front-end > Javascript' 카테고리의 다른 글

문서 객체 모델 (DOM)  (0) 2022.03.09
자주 사용하는 메소드  (0) 2022.03.08
함수  (0) 2022.03.07
반복문 + 중첩 반복문  (0) 2022.03.05
배열  (0) 2022.03.05