객체 Object

2021. 11. 2. 20:11Study/JavaScript

객체

세상에 존재하는 모든 것

 

 

자동차 객체의 모델링

객체 속성 메소드
car car.nave="Sonata" car.start(){}
car.speed=100 car.accel(){}
car.color="White" car.break(){}
car.door=4 car.transe(){}

 

 

자바스크립트 객체

사용자 정의 객체 사용자가 직접 객체의 속성과 메소드를 정의하여 사용하는 객체 car(), house(), hotel()
내장 객체 자바스크립트 프로그램 자체에서 정의하여 사용자에게 제공하는 객체 object(), array(), date()

 

 

 

날짜를 지정하는 Date 객체

웹 페이지에 오늘의 날짜와 시간 및 요일 등을 표시

get메소드 : 시스템에 설정된 날짜 중에서 월과 일만 개별적으로 추출
  • getYear() : 연도를 표시
  • getMonth() : 월을 표시
  • getDate() : 일을 표시
  • setYear() : 1970년 이상의 연도를 설정
  • setMonth() : 월을 설정
  • setDate() : 일을 설정
  • setDay() : 요일을 설정
today=new Date();

document.write("오늘 날짜를 출력합니다.<br>");
document.write((today.getYear()+1900) + "년 "); // 1900계산
document.write((today.getMonth()+1) + "월 ");
document.write(today.getDate()+"일 입니다.<hr>");

document.write("지금 시간을 출력합니다.<br>");
if(today.getHours()<=12)
    document.write("오전 "+ today.getHours()+ "시")
    else
    document.write("오후 "+ (today.getHours()-12)+ "시")
document.write(today.getMinutes()+"분");
document.write(today.getSeconds()+"초 입니다<hr>");

 

 

Date 객체를 이용하여 오늘의 요일 표시하기

Date 객체를 이용, 오늘의 요일 표시

 

  • getDay() 메소드 - 요일을 표시 - 0=일, 1=월, 2=화, 3=수, 4=목, 5=금, 6=토
  • setDay() 메소드 - 요일을 설정 - 0=일, 1=월, 2=화, 3=수, 4=목, 5=금, 6=토
today=new Date();

document.write("오늘이 무슨 요일일까요?<br>")
switch(today.getDay()){
    case 0 : document.write("일요일입니다.<br>"); break;
    case 1 : document.write("월요일입니다.<br>"); break;
    case 2 : document.write("화요일입니다.<br>"); break;
    case 3 : document.write("수요일입니다.<br>"); break;
    case 4 : document.write("목요일입니다.<br>"); break;
    case 5 : document.write("금요일입니다.<br>"); break;
    case 6 : document.write("토요일입니다.<br>"); break;
}

 

 

D-day 구하기

Date 객체로 객체 변수를 선언할 때 생성자에 매개변수를 지정하지 않으면 오늘 날짜가 지정

 

getTime()

- 두 날짜 사이의 차 구하기

- 설정된 날자를 1/1000초 단위로 환산하여 차를 구한 후 몇 일인지 환산

var theday=new Date(2000,6,7);  // 1월이 0이기 때문에 -1 해준다
var today=new Date();

var cnt=today.getTime() - theday.getTime();
cnt=Math.ceil(cnt/(24*60*60*1000));

document.write("<h3>우리 만난 지<h3>"+ cnt +"일 째");

 

 

 

 

 

 

 

 

 

 

 

 

'Study > JavaScript' 카테고리의 다른 글

문서 객체 스타일 변경하기  (0) 2021.11.22
문서에 객체, 속성값 설정  (0) 2021.11.22
함수 Function  (0) 2021.11.02
제어문  (0) 2021.11.01
자바스크립트 개요  (0) 2021.10.29