javascript - Date 객체와 날짜

DATE객체

DATE객체는 특정 날짜의 시간과 오늘의 날짜와 시간을 알 수 있어 유용하게 사용되는 자바스크립트의 내장객체 입니다.

 

nowDate라는 변수에, 생성자를 사용해서 Date 객체를 생성하고, "YYYY-MM--DD"의 형태로 "2023-12-21"을 전달해 nowDate 변수를 출력해보겠습니다.

 

let nowDate = new Date("2023-12-21");
console.log(nowDate);

이렇게 Date객체에 특정 날짜를 전달하면, 그 해당 날짜의 연도, 월 일, 요일을 알 수 있습니다.

 

 

이번에는 아무런 값도 전달하지 않고 코드를 실행시켜보면

let nowDate = new Date();
console.log(nowDate)

오늘의 값이 나오게 됩니다. 

 

Date객체의 메서드를 사용해보겠습니다.

let nowDate = new Date();
let month = nowDate.getMonth();
let date = nowDate.getDate();
let day = nowDate.getDay();
console.log(`${month}월 ${date}일 ${day}요일`);

오늘의 날짜인 6월 5일이 월요일이 아니라, "5월 5일 1요일"이라는 값이 출력됩니다.

 

Date객체는 총 12개의 값을 가지고 있습니다.(1월부터 12월)

Date객체가 월을 표기할 때에는 1월을 0으로, 2월을 1로 나타내고 12월을 11월로 표기하기 때문에 아래처럼 값이 나왔습니다.  따라서 몇월인지를 나타낼 때에는 결과값 뒤에 1을 더해주어야 합니다. 

 

getDay 메서드는, 특정 날짜의 요일에 해당하는 값을 숫자로 반환하는 메서드입니다.

일요일부터 토요일까지 순서대로 0부터 6까지의 숫자로 요일을 나타내기 때문에 요일의 값이 담긴 배열을 사용해야 합니다.

const week = ["일", "월", "화", "수", "목", "금", "토"];
let nowDate = new Date();
let month = nowDate.getMonth()+1;
let date = nowDate.getDate();
let day = nowDate.getDay();
console.log(`${month}월 ${date}일 ${week[day]}요일`);

day라는 변수를 인덱스 번호로 활용해, week[day]요일 이라고 작성하면 원하는 요일을 출력할 수 있습니다.

 

Date객체는 날짜 뿐만 아니라 시간을 활용할 수 있는 메서드도 존재합니다. 

let nowDate = new Date();
let hours = nowDate.getHours();
let minutes = nowDate.getMinutes();
console.log(`${hours}:${minutes}`);

 

 

참고자료

https://www.inflearn.com/course/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%B2%AB%EA%B1%B8%EC%9D%8C