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
'자바스크립트' 카테고리의 다른 글
#29 자바스크립트에서 Object.assign() 메소드를 이용한 객체를 생성 및 create()와 차이점 (0) | 2023.07.20 |
---|---|
#28 자바스크립트에서 Object.create() 메소드를 이용한 객체를 생성 (1) | 2023.07.19 |
#26 자바스크립트에서 전달 받은 객체의 값을 문자열로 반환 하는 String() 함수 사용법 (0) | 2023.07.19 |
#25 자바스크립트에서 특정 문자들을 16진법 문자로 변환하는 escape() 함수 사용법 (0) | 2023.07.19 |
#24 자바스크립트에서 URI 인코딩 할 때 encodeURI()와 encodeURIComponent() 함수 사용법 (0) | 2023.07.19 |