Javascript 내장 객체 Date
2023. 1. 15. 01:18ㆍJavaScript/Modern Javascript
| 목차 |
| 1. new Date( ) |
| 2. Date 관련 메서드 |
1. new Date( )
자바스크립트에서는 날짜와 관련된 내장 객체 Date가 있다.
Date 객체를 활용하여 시간을 측정하거나, 현재 날짜를 출력할 수도 있다.
Date 객체에 무슨 인자를 넣는냐에따른 반환 형태를 알아보도록하자.
- Date( )
- Date( 밀리초 )
- Date( dateString )
- Date( year, month, date, hours, minutes, seconds, milliseconds )
Date 객체 생성하기
인수 없이 호출했을 경우
let now = new Date();
console.log( now );
// 현재의 시간이 출력된다.
// 2023-01-14T15:52:30.628Z
new Date( 밀리초 )
let begin = new Date(0);
console.log( begin );
// 1970-01-01T00:00:00.000Z
// UTC 기준 1970년 1월 1일 0시 0분 0초 기준으로 밀리초 만큼 지난 시점을 반환한다.
new Date(dateString)
문자열을 자동으로 구분 문석하여 처리된다.
let date = new Date("2023-01-15");
console.log(date); // 2023-01-15T00:00:00.000Z
new Date(year, month, date, hours, minutes, seconds, ms)
첫 번째, 두 번째 인수는 필수로 들어가야한다.
인수를 받아 조합해 날짜가 저장된 객체를 반환한다.
- year은 반드시 네자리 숫자
- month는 0(1월)~11(12월)이므로 주의하자.
- date는 일을 나타낸다. 값이 없으면 1일로 처리된다.
- 나머지 인수는 값이 없으면 0으로 처리된다.
new Date(2023, 0, 1, 0, 0, 0, 0); // 2023년 1월 1일, 00시 00분 00초
2. Date관련 메서드
문법(Syntax)
Date.Method( )
현재 시간 반환하기
Date.now( )
현재 시간을 반환해주며, 이를 이용해서 실행시 날짜와 기준 날짜와의 차이를 통해 특정 값을 계산할 수 있다.
날짜 구성요소 가져오기
| 메서드 | 반환 |
| getFullYear( ) | 연도( 네 자릿수 ) |
| getMonth( ) | 월( 0 ~ 11 ) |
| getDate( ) | 일( 1 ~ 31 ) |
| getDay( ) | 요일( 0 ~ 6 ), ※ 0은 일요일 |
| getHours( ) | 시 |
| getMinutes( ) | 분 |
| getSeconds( ) | 초 |
| getMilliseconds( ) | 밀리초 |
| getTime( ) | 1970년 1월 1일 0시 0분 0초와의 차이값(타임스탬프) |
날짜 구성요소 설정하기
| 메서드( [ ]는 옵션 ) | 설정 |
| setFullYear( year, [month], [date] ) | 연도( 네 자릿수 ) |
| setMonth( month, [date] ) | 월( 0 ~ 11 ) |
| setDate( date ) | 일( 1 ~ 31 ) |
| setHours( hour, [min], [sec], [ms] ) | 시 |
| setMinutes( min, [sec], [ms] ) | 분 |
| setSeconds( sec, [ms] ) | 초 |
| setMilliseconds( ms ) | 밀리초 |
| setTime( milliseconds ) | 타임스탬프 |
Date.parse
Date.parse(String)을 이용하여 문자열에서 날짜를 읽어 올 수도 있다.
참고자료
https://ko.javascript.info/date
'JavaScript > Modern Javascript' 카테고리의 다른 글
| Javascript 객체 만들기 (0) | 2023.01.17 |
|---|---|
| Javascript 렉시컬 환경과 클로저 (0) | 2023.01.15 |
| Javascript 구조 분해 할당 (0) | 2023.01.15 |
| Javascript 객체의 순회(Object.keys, values, entries) (0) | 2023.01.14 |
| Javascript 옵셔널 체이닝(Optional Chaining) " ?. " (0) | 2023.01.14 |