[자바스크립트] Date 메서드 정리✨

참고자료 1

[JS] 📚 자바스크립트 Date 메소드 💯 총정리

 

📕 new Date() - date 생성자 함수

const date = new Date();
console.log(date); // Thu May 16 2019 17:16:13 GMT+0900 (한국 표준시)Copy
​

- 인수를 전달하지 않으면 현재 날짜와 시간을 가진 인스턴스 반환

- 변수 date는 Date 타입

 

 

📕 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 (한국 표준시)

 

또는 new Date(year, month, [day, hour, minute, second, millisecond]) 등을 인수로 넣어 지정된 날짜와 시간을 가진 인스턴스를 반환할 수 있다. 이때 년, 월은 반드시 지정해야 한다.

 

 

✨ Date 생성자 함수를 new 연산자 없이 호출도 가능

- 인스턴스를 반환하지 않고 결과값을 문자열로 반환한다.

let date = new Date(2019, 4);
date = new Date(2019, 4, 16, 17, 24, 30, 0);

//이것도 가능
date = new Date('2019/5/16/17:24:30:10');

 

 

 

-문자열로 반환한다고 해서 메서드를 사용할 수 없는 것은 아니다

let date = Date();
console.log(typeof date); // string 
console.log(date); // "Thu May 16 2019 17:33:03 GMT+0900 (한국 표준시)"

//object라 메서드 사용할 수 있음
console.log(date2.getDay());

 

 

---

 

📕Date 메소드

 

💻 Date.now

- 1970년 1월 1일 기점으로 현재 시간까지 경과한 밀리초를 숫자로 반환

Date.parse

- 1970년 1월 1일 기점으로 인수로 전달된 지정 시간까지의 밀리초를 숫자로 반환

let d = Date.parse('Jan 2, 1970 00:00:00 UTC'); // UTC
console.log(d); // 86400000

 

💻 Date.UTC

- 1970년을 기점으로 인수로 전달된 지정시간까지의 밀리초를 숫자로 반환

- new Date(year, month ...)와 같은 형식의 인수를 사용

💻 Date.prototype.getFullYear/setFullYear

-년도를 나타내는 2자리 숫자를 반환

const today = new Date();

// 년도 지정
today.setFullYear(2000);

console.log(today); // Tue May 16 2000 17:42:40 GMT+0900 (한국 표준시)
console.log(today.getFullYear());  // 2000

 

💻 Date.prototype.getFullMonth/setFullMonth

 

💻 Date.prototype.getFullDate/setFullDate

 

- 똑같은 설명 (월, 일 세팅하기/가져오기)

 

💻  Date.prototype.getDay

- 요일을 나타내는 정수

- setDay가 없음. date를 지정하면 자동으로 요일이 결정되기 때문

-일요일이 0, 월요일이 1 ~ 토요일6

 

💻  Date.prototype.getHours / setHours

- 시간(0-23)를 나타내는 정수

 

💻  Date.prototype.getMinutes / setMinutes

- 분(0-59)를 나타내는 정수

 

💻  Date.prototype.getSeconds / setSeconds

초(0-59)를 나타내는 정수

 

💻  Date.prototype.getMillliseconds / setMilliseconds

-밀리초(0-999)를 나타내는 정수

 

 

 

---

💻  Date.prototype.toString

onst event = new Date('August 19, 1975 23:15:30');

console.log(event.toString());
// Expected output: "Tue Aug 19 1975 23:15:30 GMT+0200 (CEST)"

- date 객체의 시간을 단순 문자열로 변환

 

💻  Date.prototype.toDateString

- 사람이 읽을 수 있는 형식의 문자열로 날짜를 반환

const d = new Date('2019/5/16/18:30');

console.log(d.toString());     // Thu May 16 2019 18:30:00 GMT+0900 (한국 표준시)
console.log(d.toDateString()); // Thu May 16 2019

 

💻  Date.prototype.toTimeString

- 사람이 읽을 수 있는 형식의 문자열로 시간을 반환

 

const d = new Date('2019/5/16/18:30');

console.log(d.toString());     // Thu May 16 2019 18:30:00 GMT+0900 (한국 표준시)
console.log(d.toTimeString()); // 18:30:00 GMT+0900 (한국 표준시)

 

💻  Date.prototype.toISOString() ✅

- 날짜의 포맷을 맞춰주는 함수

-  YYYYYY-MM-DDTHH:mm:ss.sssZ 이런 변환값

const a = new Date()
a.toISOString()
//2024-09-07T15:23:49.548Z
//변환값이 한국시간에서 9시간 빠진 값 출력

 

이 때 이용하는 것이

✨ Date.getTimezoneOffset()

- offset 자체 뜻은 "편차"

- 현지와 기준 시간의 차이를 가져옴

const offset = new Date().getTimezoneOffset() * 60000;
const today = new Date(Date.now() - offset);