JavaScript_Study [ Date 객체 ]

이준석·2023년 4월 10일
0

JavaScript_Study

목록 보기
18/35
post-thumbnail

2021-09-29 노션페이지
기록된 노션을 다시 정리

1. Date Constructor

Date 객체는 생성자 함수이다.

  • 들어가는 매개변수에 따라 출력값이 다르게 나온다.

1.1 new Date()

  • 인수를 전달하지 않으면 현재 날짜와 시간을 가지는 인스턴스를 반환한다.

1.2 new Date(milliseconds)

  • 1970년 1월 1일 00:00(UTC)을 기점으로 인수로 전달된 밀리초만큼 경과한 날짜와 시간을 가지는 인스턴스를 반환한다.
const date = new Date(86400000);
// 1d = 24h * 3,600,000ms = 86,400,000ms
// 1970년 1월 1일에서 하루 지난 날짜 출력
console.log(date);

1.3 new Date(dateString)

  • 인수로 날짜와 시간을 나타내는 문자열을 전달하면 지정된 날짜와 시간을 가지는 인스턴스를 반환한다
let date = new Date('May 16, 2019 17:22:10');
console.log(date); // Thu May 16 2019 17:22:10 GMT+0900 (한국 표준시)

date = new Date('2019/05/16/17:22:10');
console.log(date); // Thu May 16 2019 17:22:10 GMT+0900 (한국 표준시)

1.4 new Date(year, month[, day, hour, minute, second, millisecond])

  • 월을 나타내는 0 ~ 11까지의 정수 (주의: 0부터 시작, 0 = 1월)
// 월을 나타내는 4는 5월을 의미한다.
// 2019/5/16/17:24:30:00
date = new Date(2019, 4, 16, 17, 24, 30, 0);
console.log(date); // Thu May 16 2019 17:24:30 GMT+0900 (한국 표준시)

// 위에 소개한 string타입을 사용하는 게 가독성이 훨씬 좋다.
date = new Date('2019/5/16/17:24:30:10');
console.log(date); // Thu May 16 2019 17:24:30 GMT+0900 (한국 표준시)

1.5 Date 생성자 함수를 new 연산자없이 호출

  • 현재 시간을 반환한다.

2. Date 메소드

2.1 Date.now

  • 1970년 1월 1일 00:00:00을 기점으로 현재 시간까지 경과한 밀리초를 숫자로 반환한다.

2.2 Date.parse, 2.3 Date.UTC

  • 1970년 1월 1일 00:00:00(UTC)을 기점으로 인수로 전달된 지정 시간까지의 밀리초
  • 공통되는 동작의 메소드

!! Date.prototype.get~~

Date.prototype.get~~ 
// 반환을 원하는 자리의 이름을 ~~에 사용
--------------------------------------------
Date.prototype.getyear()
// 년도 반환
Date.prototype.getmonth()
// 주의! 월을 나타내는 0 ~ 11의 정수를 반환한다. 1월은 0, 12월은 11이다.

  • !! Date.prototype.set~~
Date.prototype.set~~
// 설정을 원하는 자리의 이름을 ~~에 사용
-----------------------------------------------
Date.prototype.setyear()
// 년도를 나타내는 4자리 숫자를 설정한다. 년도 이외 월, 일도 설정할 수 있다.
Date.prototype.setmonth()
// 주의! 월을 나타내는 0 ~ 11의 정수를 설정한다. 1월은 0, 12월은 11이다.
Date.prototype.setHours()
// 시간(0 ~ 23)를 나타내는 정수를 설정한다. 시간 이외 분, 초, 밀리초도 설정할 수 있다.

참조: poiemaweb.com

0개의 댓글