#27 자바스크립트에서 객체(object)정의 및 사용법... property , method 사용법

2023. 7. 19. 16:04자바스크립트

반응형

객체(object)자바스크립트의 기본 타입(data type)이다. 쉽게 말해서 사물를 치칭하는 개체,  즉...  개 , 돼지 , 자동차  이런 것을 개체라고 보면 이해하기가 쉬울 것이다. 

 

예시)

객체(object)를 개(dog)라고 예를 들어보자.

 

프로퍼티(property) : 객체란 이름(name)과 값(value) 등으로 구성된 정렬되지 않은 집합

dog.name = "메리"; //개 이름

dog.breed = "진돗개"; // 개 품종

dog.age = 5; // 개 나이

dog.weight = 8; // 개 몸무게

 

메소드(method)  : 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)

dog.woof(); //개가 '멍멍' 소리 내기

dog.eat(); // 개 밥먹기 

dog.sleep();  // 개 잠자기

dog.play(); // 개가 놀기

 

 

 

아래 예시를 보면 좀더 이해가 쉬울 것이다. 그리고 각각의 프로퍼티,메소드는

이름콜론(:)으로 연결하고, 다른 프로퍼티,메소드와 구분은 쉼표(,)를 사용합니다. 

//=====================================================

var merry = { name: "메리", //개 이름 프로퍼티

                      breed: "진돗개", // 개 품종 프로퍼티

                      age: 5, // 개 나이 프로퍼티

                      weight: 11,  // 개 몸무게 프로퍼티

                      weight_chk: function(){ 
                                 if(this.weight == 10){ this.weight_chk = "평균" }
                                 else if(this.weight < 10){ this.weight_chk = "이하" }
                                 else if(this.weight > 10){ this.weight_chk = "이상" }
                                 return this.weight_chk; }, //개 몸무게 체크 메소드
                     age_chk: function(){ 
                                 if(this.age == 12){ this.age_chk = "평균" }
                                 else if(this.age < 12){ this.age_chk = "이하" }
                                 else if(this.age > 12){ this.age_chk = "이상" }
                                 return this.age_chk; } // 개 나이 체크 메소드

 

}; // 배열로 프로퍼티 및 메소드 구성 
 
document.write("이름 : "+merry.name + "</br>"); 
document.write("품종 : "merry.breed + "</br>");   
document.write("나이 : " +merry.age + "살</br>"); 
document.write("몸무게 : " + merry.weight + "kg</br>");  

document.write("몸무게 평가 : " + merry.weight_chk() + "</br>");  
document.write("나이 체크 : " + merry.age_chk() + "</br>");

//=====================================================

 

// 출력 결과

이름 : 메리
품종 : 진돗개
나이 : 5살
몸무게 : 11kg

몸무게 평가 : 이상
나이 체크 : 이하

 

 

관련 게시물 URL : https://my-script.tistory.com/51

반응형