자바스크립트 Date() 객체 완벽 이해하기: 날짜와 시간 다루는 법

Date() 객체 개요

자바스크립트의 Date() 객체는 날짜와 시간을 다루기 위한 내장 객체입니다. new Date()를 호출하면 코드가 실행된 시점의 현재 날짜와 시간을 얻을 수 있으며, 인수를 지정하면 원하는 특정 날짜와 시간 형식으로 객체를 생성할 수도 있습니다.

<html>
<body>
<script>
   var d = new Date();
   document.write(d);
</script>
</body>
</html>

Thu May 16 2019 05:29:15 GMT+0530 (India Standard Time)

위 결과는 코드가 실행된 순간의 날짜와 시간을 보여줍니다. 표시되는 값은 코드가 실행되는 시점과 브라우저 환경의 시간대에 따라 달라질 수 있습니다.

new Date()에 총 7개의 숫자, 즉 연도, 월, 일, 시, 분, 초, 밀리초를 순서대로 전달하면 해당 시점의 정확한 날짜를 생성할 수 있습니다.

<html>
<body>
<script>
   var d = new Date(2019, 9, 19, 5, 33, 30, 0);
   document.write(d);
</script>
</body>
</html>

Sat Oct 19 2019 05:33:30 GMT+0530 (India Standard Time)

위 예제에서는 한 줄에 연도(2019), 월(9), 일(19), 시(5), 분(33), 초(30), 밀리초(0)를 차례대로 지정했습니다.

참고: 자바스크립트에서 월은 1이 아닌 0부터 시작합니다. 따라서 위 예제의 9는 10월(October)을 의미합니다. 이 점은 Date 객체를 다룰 때 가장 흔히 발생하는 실수 중 하나이므로 주의해야 합니다.

시간 정보 없이 날짜만 필요하다면 연도, 월, 일 세 가지 값만 인수로 전달하면 됩니다. 이 경우 시, 분, 초는 모두 자동으로 0으로 설정됩니다.

<html>
<body>
<script>
   var d = new Date(2019, 9, 19);
   document.write(d);
</script>
</body>
</html>

Sat Oct 19 2019 00:00:00 GMT+0530 (India Standard Time)

이처럼 Date() 객체는 필요한 만큼의 인수만 유연하게 조합하여 사용할 수 있으므로, 현재 시각 조회부터 특정 시점 지정까지 다양한 상황에서 날짜와 시간을 손쉽게 처리할 수 있습니다.