B18 : Date 객체

목차

1. Date 객체

2. 객체 생성 : new Date()

    2-1. new Date()

    2-2. new Date(milliseconds)

    2-3. new Date(datestring)

    2-4. new Date(year, month, date, hours, minutes, seconds, ms)

3. Date 메서드로 날짜 구성 요소 얻기

    3-1. get 함수

    3-2. 국가 표기에 맞춰 시간 정보를 표현

4. Date 메서드로 날짜 구성 요소 설정하기

5. 자동고침

6. 시차 측정하기

    6-1. Date 객체를 숫자로 변경

    6-2. Date.now()

7. 객체의 형변환

---

1. Date 객체

Date는 날짜 관련 메서드를 제공하는 내장 객체이다.

Date의 생성 및 수정, 시간의 저장과 측정, 현재 날짜의 출력 등을 할 수 있다.

 

 

---

2. 객체 생성 : new Date()

new Date()를 호출하면 새로운 Date 객체가 만들어지는데, 다음과 같은 형태로 호출할 수 있다.

 

1. new Date()

인자 없이 객체를 호출하면 현재 날짜 및 시간을 출력한다.

// 현재 날짜 및 시간 출력
let now = new Date();
alert( now );

 

 

2. new Date(milliseconds)

UTC 기준(UTC+0) 1970년 1월 1일 0시 0분 0초에서 milliseconds 후의 시점이 저장된 객체가 반환된다.
1970년 첫 날을 기준으로 흘러간 밀리초를 나타내는 정수를 타임스탬프(timestamp)라고 한다.

 

// 1970년 1월 1일 0시 0분 0초
let Jan01_1970 = new Date(0);
alert( Jan01_1970 );

// 1970년 1월 1일의 24시간 후
let Jan02_1970 = new Date(24 * 3600 * 1000);
alert( Jan02_1970 );

// 1970년 1월 1일의 24시간 전
let Dec31_1969 = new Date(-24 * 3600 * 1000);
alert( Dec31_1969 );

 

 

 

3. new Date(datestring)

인수가 문자열 하나라면, 해당 문자열은 자동으로 파싱되어 날짜를 계산한다.

// 2017년
let date = new Date("2017");
alert(date);

// 2017년 7월
let date = new Date("2017-07");
alert(date);

// 2017년 1월 26일
let date = new Date("2017-01-26");
alert(date);

 

구문 분석에 적용되는 알고리즘은 Date.parse(str)에서 사용하는 알고리즘이다.

아래 조건에 맞지 않는 문자열을 넣으면 NaN이 반환된다.

• YYYY-MM-DD : 날짜(연-월-일) /  (YYYY-MM, YYYY도 가능)
• "T" : 구분 기호 (new Date('2025-03-24T19:22:24');
• HH:mm:ss.sss : 시:분:초.밀리초
• 'Z'(옵션) : +-hh:mm 형식의 시간대를 나타냄

 

4. new Date(year, month, date, hours, minutes, seconds, ms)

주어진 인수를 조합해 만들 수 있는 날짜가 저장된 객체가 반환된다. (지역 시간대 기준)

첫번째 인수와 두번째 인수만 필수값이다.

• year는 반드시 4자리 숫자여아 한다.
• month는 0부터 11 사이의 숫자여야 한다.
• date 값이 없는 경우, 1일로 처리된다.
• hours/minutes/seconds/ms 값이 없는 경우, 0으로 처리된다.

let a = new Date(25, 7);	// year를 두자리로 입력하여 1925년도로 입력됨
console.log(a);

let b = new Date(2025, 7);
console.log(b);

let c = new Date(2025, 7, 25, 5, 11, 3, 2543);
console.log(c);

 

필수 인수를 입력하지 않으면 기본 1970년 첫날을 반환한다.

 

 

---

3. Date 메서드로 날짜 구성요소 얻기

1. get 함수

• getFullYear()
  연도(네자리수)를 반환
• getMonth()
  월을 반환(0이상 11이하)
• getDate()
  일을 반환(1이상 31 이하)
• getHours(), getMinutes(), getSeconds(), getFilliseconds()
  시, 분, 초, 밀리초를 반환
• getDay()
  0(일요일)부터 6(토요일)까지의 숫자 중 하나를 반환
• getTime()
  주어진 일시와 1970년 1월 1일 00시 00분 00초 사이의 간격의 타임스탬프를 반환
• getTimezoneOffset()
  현지 시각과 표준 시각의 차이(분)를 반환

// 현재 일시
let date = new Date();

console.log(`getFullYear(): ${date.getFullYear()}`);
console.log(`getMonth(): ${date.getMonth()}`);
console.log(`getDate(): ${date.getDate()}`);
console.log(`getHours(): ${date.getHours()}`);
console.log(`getDay(): ${date.getDay()}`);
console.log(`getTime(): ${date.getTime()}`);
console.log(`getTimezoneOffset(): ${date.getTimezoneOffset()}`);

 

 

2. 국가 표기에 맞춰 시간 정보를 표현

간단하게 시간 정보를 표현하고 싶다면 아래와 같은 메소드를 활용할 수 있다.

아래 메소드들은 사용자의 브라우저에 설정된 국가의 표기에 맞춰 날짜와 시간을 보여준다.

• toLocalDateString()
• toLocaleTimeString()
• toLocalString()

let myDate = new Date();

console.log(myDate.toLocaleDateString()); // myDate가 가진 날짜에 대한 정보 (년. 월. 일)
console.log(myDate.toLocaleTimeString()); // myDate가 가진 시간에 대한 정보 (시:분:초)
console.log(myDate.toLocaleString()); // myDate가 가진 날짜와 시간에 대한 정보 (년. 월. 일 시:분:초)

 

---

4. Date 메서드로 날짜 구성요소 설정하기

get 대신 set을 사용하는 메서드로 날짜 구성 요소를 설정할 수 있다.

여기서 Day는 설정할 수 없다.

let date = new Date();

console.log(`setFullYear(year, [month], [date]): ${date.setFullYear(2000)}`);
console.log(`setMonth(month,[date]): ${date.setMonth(7, 25)}`);
console.log(`setDate(date): ${date.setDate(13)}`);
// setHours, setMinutes, setSeconds, setMilliseconds 있음(인자는 본인 것부터 시작)
console.log(`setHours(hour, [min], [sec], [ms]): ${date.setHours(23)}`);
console.log(`setTime(milliseconds): ${date.setTime(24* 3600 * 1000)}`);

 

---

5. 자동고침

Date 객체는 자동고침 기능이 있어서, 범위를 벗어나는 값을 설정하려고하면 자동 고침 기능이 활성화되어 값이 자동으로 수정된다.

입력받은 날짜 구성 요소가 범위를 벗어나면 초과분은 자동으로 다음 날짜 구성 요소에 배분된다.

let date = new Date(2014, 0, 33);
console.log(date);

31일 +2일인 2월 1일

 

 

자동 고침은 일정 시간이 지난 후의 날짜를 구하는 데에 종종 사용된다.

let date = new Date(2025, 1, 1 + 1000);
console.log(date);

 

 

---

6. 시차 측정하기

1. Date 객체를 숫자로 변경

Date 객체를 숫자형으로 변경하면 타임스탬프가 된다. (getTime() 호출 시 반환되는 값)

let startDate = new Date();
for(let i=0;i<100000;i++){
    let doSomethin = i*i*i;
}
let endDate = new Date();

console.log(`반복문을 도는데 ${endDate - startDate}밀리초 걸렸습니다.`);

 

2. Date.now()

Date 객체를 만들지 않아도 Date.now 메서드를 사용하여 시차를 구할 수 있다.

Date.now()은 new Date().getTime()과 동일한 기능을 하지만, Date 객체를 만들지 않아, 가비지 컬렉터 일을 줄일 수 있다.

즉, 성능이 더 좋다.

let startDate = new Date();
for(let i=0;i<100000;i++){
    let doSomethin = i*i*i;
}
let endDate = Date.now();

console.log(`반복문을 도는데 ${endDate - startDate}밀리초 걸렸습니다.`);

 

 

---

7. Date 객체의 형변환

Date 객체의 자료형을 확인해보자

let myDate = new Date(2017, 4, 18);

console.log(typeof myDate); // object
console.log(String(myDate)); // Thu May 18 2017 00:00:00 GMT+0900 (Korean Standard Time)
console.log(Number(myDate)); // 1495033200000
console.log(Boolean(myDate)); // true

Date 객체가 String, Number, Boolean으로 형변환이 되는 것을 확인할 수 있다.

여기서 number 타입의 값은 getTime()을 호출했을 때와 같이 똑같은 타임스탬프를 얻는 걸 볼 수 있다.

 

따라서 Date 객체로 사칙 연산을 하여 시간차를 구할 수도 있다.

let myDate = new Date(2017, 4, 18);
let myDate2 = new Date(2017, 4, 24);

let timeDiff = myDate2 - myDate;

console.log(timeDiff);
console.log(timeDiff/1000); // sec
console.log(timeDiff/1000/60);  // min
console.log(timeDiff/1000/60/60);   // hour
console.log(timeDiff/1000/60/60/24) // date

 

 

 

 

참고

https://ko.javascript.info/date

Date 객체와 날짜

codeit