*객체
: '실제로 존재하는 사물'을 의미하고 '이름, 값(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 |