Date 메서드

se-een·2022년 10월 13일
0
post-thumbnail

이 글은 '이웅모'님의 '모던 자바스크립트 Deep Dive' 책을 통해 공부한 내용을 정리한 글입니다. 저작권 보호를 위해 책의 내용은 요약되었습니다.

Date 생성자 함수

Date 생성자 함수는 new 연산자와 같이 쓰이며 현재 날짜와 시간을 가지는 Date 객체를 반환한다. 만약 new 연산자 없이 쓰면 현재 날짜와 시간을 가지는 문자열을 반환한다. 인수에 문자열을 전달하면 지정된 날짜와 시간을 나타내는 Date 객체를 반환한다.

new Date(); // Thu Oct 13 2022 13:40:22 GMT+0900 (한국 표준시)
Date(); // 'Thu Oct 13 2022 13:40:22 GMT+0900 (한국 표준시)'
new Date("2020/10/13/10:30:30"); // Tue Oct 13 2020 10:30:30 GMT+0900 (한국 표준시)

Date 메서드

자주 사용하는 메서드만 정리하였다.

Date.now

  • 기능 : 1970년 1월 1일 00:00:00(UTC) 기점으로 현재 시간까지 경과한 밀리초를 숫자로 반환한다.
  • 반환 : 1970년 1월 1일 00:00:00(UTC) 기점으로 현재 시간까지 경과한 밀리초
const milli = Date.now(); // 1665652~

// 객체의 id, 배열의 key 값으로도 자주 쓰인다고 한다.
const obj = { id : Date.now(), name : "hello" }; // {id: 1665653804773, name: 'hello'}

Date.prototype.getFullYear

  • 기능 : Date 객체의 연도를 나타내는 정수를 반환한다.
  • 반환 : Date 객체의 연도를 나타내는 정수
new Date().getFullYear(); // 2020

// setFullYear
const year = new Date();
year.setFullYear(1990); // 인수를 년도, 월, 일까지 전달할 수 있다.
year.getFullYear(); // 1990

Date.prototype.getMonth

  • 기능 : Date 객체의 월을 나타내는 정수(0~11)를 반환한다.
  • 반환 : Date 객체의 월을 나타내는 정수(0~11)
new Date().getMonth(); // 9 // 10월

// setMonth
const month = new Date();
month.setMonth(6); // 인수를 월, 일까지 전달할 수 있다.
month.getMonth(); // 6 // 7월

Date.prototype.getDate

  • 기능 : Date 객체의 일을 나타내는 정수(1~31)를 반환한다.
  • 반환 : Date 객체의 일을 나타내는 정수(1~31)
new Date().getDate(); // 13 // 13일

// setDate
const date = new Date();
date.setDate(12); // 인수를 월, 일까지 전달할 수 있다.
date.getDate(); // 12 // 12일

Date.prototype.getDay

  • 기능 : Date 객체의 요일을 나타내는 정수(0~6)를 반환한다.
  • 반환 : Date 객체의 요일을 나타내는 정수(0~6)
new Date().getDay(); // 4 // 목요일

Date.prototype.getHours

  • 기능 : Date 객체의 시간(0~23)을 나타내는 정수를 반환한다.
  • 반환 : Date 객체의 시간(0~23)
new Date().getHours(); // 13

// setHours
const hour = new Date();
hour.setHours(16); // 인수를 시, 분, 초, 밀리초까지 지정할 수 있다.
hour.getHours(); // 16

Date.prototype.getMinutes

  • 기능 : Date 객체의 분(0~59)을 나타내는 정수를 반환한다.
  • 반환 : Date 객체의 분(0~59)
new Date().getMinutes(); // 40

// setMinutes
const minute = new Date();
minute.setMinutes(30); // 인수를 분, 초, 밀리초까지 지정할 수 있다.
minute.getMinutes(); // 30

Date.prototype.getSeconds

  • 기능 : Date 객체의 초(0~59)를 나타내는 정수를 반환한다.
  • 반환 : Date 객체의 초(0~59)
new Date().getSeconds(); // 22

// setSeconds
const second = new Date();
second.setSecond(15); // 인수를 초, 밀리초까지 지정할 수 있다.
second.getSecond(); // 15
profile
woowacourse 5th FE

0개의 댓글