💡 핵심 요약 (TL;DR)
ITWILL : Date객체 자세히, 디데이구하는 함수의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다.
변수에 저장한 date객체를 가져와서 사용해보자을 적용할 수 있다.
ITWILL학원 : 8강 JS기초 BY 정규태강사
1. Date객체
Date 객체의 특징
- 년,월,일 지정해서 객체를 사용
- 0부터 11까지를 1월부터 12월로 나타낸다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| let today = new Date(); document.write(today+"<br>")
let day = new Date(2020,0,1); document.write(day+"<br>")
let day1 = new Date(2020,1,1); document.write(day1+"<br>")
let day2 = new Date(2020,0,1,11,30,5); document.write(day2+"<br>")
let day3 = new Date(2020,0,1,11,61,5); document.write(day3+"<br>")
let day4 = new Date("2020/1/1") document.write(day4+"<br>")
Fri Jun 12 2020 11:14:44 GMT+0900 (대한민국 표준시) Wed Jan 01 2020 00:00:00 GMT+0900 (대한민국 표준시) Sat Feb 01 2020 00:00:00 GMT+0900 (대한민국 표준시) Wed Jan 01 2020 11:30:05 GMT+0900 (대한민국 표준시) Wed Jan 01 2020 12:01:05 GMT+0900 (대한민국 표준시) Wed Jan 01 2020 00:00:00 GMT+0900 (대한민국 표준시)
|
변수에 저장한 date객체를 가져와서 사용해보자
요일출력하는 getDay()의 경우 0(일)부터 6(토)까지를 나타낸다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| let today = new Date();
document.write(today.getFullYear() +"<br>") document.write(today.getMonth() +"<br>") document.write((today.getMonth()+1) +"<br>") document.write(today.getDate() +"<br>") document.write(today.getDay() +"<br>")
2020 5 6 12 5
|
숫자로 들어온 요일을 글자로는 어떻게 바꿀수있을까?
여러가지 방법이 있다
- Array의 index 활용
요일이 숫자로만 출력되어 아쉬운 경우에는 변수에 넣어 index를 이용하여 아래처럼 금요일 이렇게 출력되게 할수있다
1 2 3
| let today = new Date(); let week = new Array('일', '월', '화', '수', '목', '금', '토') document.write(week[today.getDay()] + "요일 <br>")
|
- 제어문사용 (if나 switch)
if나 switch를 통해 일일히 조건을 걸어 나열할수있다
if는 많이 써보았으니 switch를 써보자
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
| function getToDay(day) { switch (day){ case 0 : document.write('일요일') break; case 1 : document.write('월요일') break; case 2 : document.write('화요일') break; case 3 : document.write('수요일') break; case 4 : document.write('목요일') break; case 5 : document.write('금요일') break; case 6 : document.write('토요일') break; } }
getToDay(today.getDay())
|
2. 디데이 계산하는 함수 구하기
Date()객체를 활용하여 디데이를 계산한느 함수를 구해보자
Date()객체에서는 사칙연산이 적용되는데 단위가 밀리초로 출력된다
- 밀리초 = 1/1000초
- 1초 = 1000msc
- 1분 = 60 * 1000
- 1시간 = 60 * 60 * 1000
- 하루 = 24 * 60 * 60 * 1000
1 2 3 4 5 6 7 8 9 10
| function calculator(year, month, day){ let today = new Date(); let lastday1 = new Date(year,(month-1),day) console.log(lastday1) let result = (lastday1 - today) / (24 * 60 * 60 * 1000); document.write(Math.ceil(result) + "일 남았습니다 <br>") }
calculator(2020,12,31); calculator(2020,06,14);
|
#TILITWILL(JAVA)