[프론트엔드][자바스크립트] TIL Day-18.2 Object 객체와 날짜 객체

객체란?

 

자바스크립트는 객체(Object) 기반 언어이다. 이 객체는 기능과 속성을 가지고 있다. 

이때 기능들을 메서드(method)를, 속성을 프라퍼티(Property)라고 한다. 

 

 

기본형 :    ① 객체. 메서드( );     |    ② 객체. 속성;     |    ③ 객체. 속성 = 값;

 

 ① 작동 -> 객체의 메서드를 실행한다.

 ② 작동 -> 객체의 속성값을 가져온다.

 ③ 작동 -> 객체의 속성값을 바꾼다.

 

 

 

객체의 종류

 

 1. 내장 객체 : 브라우저의 자바스크립트 엔진에 이미 내장되어 있어 필요한 경우에 객체를 생성해 사용 가능                                 

                          ex) 문자(String) 객체, 날짜(Date) 객체, 배열(Arrary) 객체, 수학(Math) 객체 등             

                                        ㅡ 실행 예: Date 객체를 생성한 후, 메서드 getDate( )를 사용하여 오늘 날짜를 결과로 얻음 

 

 

 

내장 객체 생성하기

내장 객체 생성 기본형 : 참조 변수(인스턴스 이름) = new 생성 함수( )

ex)  var tv = new Object ( );

기본 객체 생성 함수인 Object ( )를 이용해 객체를 생성하는데, 이 객체는 변수 tv가 참조하고 있다.

 

 

이 변수를 이용하여 새로 생성된 객체의 속성과 메서드를 생성할 수 있다.

즉, 이 변수를 통해 객체에 접근하여 객체와 관련된 것들을 설정하거나 이용하는 것이 '참조'의 의미가 되겠다.

ex) tv.color = "whtie"; / tv.price = 5000000; 

  tv라는 참조 변수로 이 객체에 색을 화이트로 지정함. / tv라는 참조 변수로 이 객체에 색을 화이트로 지정함.

 => 객체의 속성 color, price를 설정

 

 ex) tv.info = function( ) {

         document.write("tv 색상: " + this.color, "<br>");

         document.write("tv 색상: " + this.price, "<br>");

      }

     tv라는 참조 변수로 위에서 이 객체(this)에 설정해 두었던 속성인 컬러와 가격 정보를 출력하도록(하는 함수 기능을 설정) 함.

  => 객체의 메서드(기능)를 설정

 

 

    ① 날짜 객체(Date Object) : 날짜나 시간 관련 정보를 제공받고 싶을 때 생성

    현재 날짜의 객체 생성 기본형 : 참조 변수 = new Date ( ); 

    특정 날짜의 객체 생성 기본형 : 참조 변수 = new Date ("연/월/일");       ex) var t = new Date ("2022/4/21");
                                             참조 변수 = new Date (연, 월-1, 일);      ex) var t = new Date (2022,3,21);

  

 

 

 <날짜 관련 메서드>

날짜 정보를 가져올 때(GET)		날짜 정보를 수정할 때(SET)
getFullYear( )	연도 정보를 4자리로 가져옴	setFullYear( )	연도 정보만 수정
getMonth( )	월 정보를 가져옴, 0부터 1월 (현재 월-1)	setMonth( )	월 정보만 수정(현재 월-1)
getDate( )	일 정보를 가져옴	setDate( )	일 정보만 수정
getDay( )	요일 정보를 가져옴, 0부터 일요일	'요일'은 날짜를 바꾸면 자동으로 바껴 setDay( )메서드는 없음
getHours( )	시 정보를 가져옴, 0~23시	setHours( )	시 정보만 수정
getMinutes( )	분 정보를 가져옴, 0~59분	setMinutes( )	분 정보만 수정
getSeconds( )	초 정보를 가져옴, 0~59초	setSeconds( )	초 정보만 수정
getMilliseconds( )	밀리초(1/1000초) 정보를 가져옴, 0~999	setMilliseconds( )	밀리초 정보만 수정
getTime( )	1970년 1월 1일 자정 이후의 시간을 밀리초로 표시함	setTime( )	1970년 1월 1일부터 경과된 시간을 밀리초로 수정
toGMTString( )	GTM 표준 표기 방식으로 문자형 데이터로 반환함	toLocaleString( )	운영시스템 표기 방식으로 현지 시간을 문자열로 반환함

 

 

 

  getTime에서 시간은 밀리초로 표기하기 때문에, 위의 수식(아래 수식 박스 참조)이 들어간 것.

1초 = 1000 msc(밀리세컨) 1분(60초) = 1000 * 60 (msc)  1시간 ( 60분 ) = 1000 * 60 * 60 (msc)  1일 ( 60분 * 24시간 ) = 1000 * 60 * 60 * 24 (msc)

 

 

 

(to be continued)