Javascript 내장객체

오늘은 자바스크립트 내에 내장된 객체를 알아보겠습니다.

 

내장 객체 생성의 기본은 new 라는 키워드와 생성 함수를 사용합니다.

참조변수(인스턴스 이름) = new 생성함수();

이런식으로 되는거죠.

 

객체라는건 기능과 속성을 가지고 있습니다. 예를 들어서 사물 tv에 비유를 하자면

tv를 온/오프 하는 기능 볼륨을 up/down 하는 기능 모두는 메소드에 해당합니다.

속성은 티비의 가로길이 세로 길이 색상이나 무게등이 속성에 속합니다.

 

그럼 tv의 색상과 가격을 출력하는 코드를 작성해보록 하겠습니다.

        var tv = new Object();
        tv.color = "blue";
        tv.price = "3000000";
        tv.info = function(){
            document.write("tv 색상 : " + this.color,"<br />");
            document.write("tv 가격 : " + this.price,"<br />");
        }

        document.write("<h1>tv 객체 메소드 호출</h1>");
        tv.info();

출력

tv 객체 메소드 호출

tv 색상 : blue
tv 가격 : 3000000

 

이런식으로 사용이 가능합니다.  

 

자바스크립트 내에는 이미 만들어 놓은 메소드 들도 많은데요, 그중 대표적인것이 날짜정보객체 입니다.

바로 Date 인데요.

 

var t = new Date(); 입니다. 예제로 확인하시는게 빠르실겁니다.

 

var today = new Date(); // 날짜정보객체
        var nowMonth = today.getMonth(); // 현재월
        var nowDate = today.getDate(); // 현재 일
        var nowDay = today.getDay(); // 현재 요일

        document.write("<h1>오늘 날짜 정보</h1>");
        document.write("현재 월 : " + nowMonth, "<br />");
        document.write("현재 일 : " + nowDate, "<br />");
        document.write("현재 요일 : " + nowDay, "<br />");

 

그럼 출력은 

오늘 날짜 정보

현재 월 : 2
현재 일 : 27
현재 요일 : 5

으로 표기가 됩니다.

 

이상합니다 ! 오늘은 3월 27일 금요일인데 요일이 숫자로 표기가 되고 월도 틀립니다.

모두 배열인덱스인 0부터 시작해서 그런겁니다.

0 = 1월

1 = 2월

2 = 3월

3 = 4월 ... 이런식으로 되는 겁니다.

그래서 3월인데 2월로 표시가 되고, 요일도 마찬가지죠 !

0 = 일요일, 1 = 월요일 , 2 = 화요일, 3 = 수 , 4 = 목, 5 = 금 ... 입니다

차후에 문자로 표현을 할 수 있게 만들 수 있지만 차후 시간에 다루도록 하겠습니다.

 

document.write("현재 월 : " + ( nowMonth + 1 ), "<br />");

이런식으로 고치면 3월이 됩니다.