JavaScript에서 객체(object)란 무엇일까?
- 자바스크립트는 객체 기반 프로그래밍 언어입니다. 자바스크립트를 구성하는 거의 '모든 것'이 객체입니다.
이름(name)과 값(value)으로 구성된 속성(property)으로 정렬되지 않은 집합입니다.
속성의 값으로 함수가 올 수도 있습니다. 이러한 속성을 메서드(method)라고 합니다.
DEFINITION! 알고 넘어가자!
속성(property): 객체의 상태를 나타내는 값(data)
메서드(method): 속성을 참조하고 조작할 수 있는 동작
자바스크립트에서 객체의 propery를 참조하는 방법
객체의 property 문법
객체이름.property이름
객체이름["property이름"]
예제
var person = {
name: "Sam", //이름 프로퍼티를 정의
birthday: "010101", //생년월일 프로퍼티를 정의
id: "1234" //id 프로퍼티를 정의
fullId: function() { //생년월일과 id를 합쳐서 주민등록번호를 반환
return this.birthday + this.id;
}
};
person.name //Sam
person["name"] //Sam
- 객체는 0개 이상의 요소(property)로 구성된 집합입니다.
- 요소(property)는 키(key)와 값(value)으로 구성되어 있습니다.
- 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 (속성=property) 값이 될 수 있습니다.
자바스크립트에서 객체의 method를 참조하는 방법
객체의 method 문법
객체이름.method이름()
예제
var person = {
name: "Sam", //이름 프로퍼티를 정의
birthday: "010101", //생년월일 프로퍼티를 정의
id: "1234" //id 프로퍼티를 정의
fullId: function() { //생년월일과 id를 합쳐서 주민등록번호를 반환
return this.birthday + this.id;
}
};
person.fullId() //0101011234
'프론트엔드 > JavaScript' 카테고리의 다른 글
[ 자바스크립트 ] find()와 filter()의 사용법 (0) | 2022.04.26 |
---|---|
[자바스크립트] 자바스크립트에서의 this (0) | 2022.04.25 |
[자바스크립트] Arrays (배열)의 methods (0) | 2022.04.22 |
[자바스크립트] 형변환 Number(), parseInt(), parseFloat()의 차이 (0) | 2022.04.18 |
[자바스크립트] 숫자타입을 문자타입으로 변환, String 함수와 toString() (0) | 2022.04.18 |
댓글