Date 객체는 JavaScript 언어에 내장된 데이터 타입입니다. Date 객체는 아래와 같이 new Date()를 사용하여 생성할 수 있습니다.
Date 객체가 한 번 생성되면 다양한 메서드를 통해 해당 객체를 조작할 수 있습니다. 대부분의 메서드는 현지 시간(local time) 또는 UTC(협정 세계시, GMT) 기준으로 연도, 월, 일, 시, 분, 초, 밀리초 필드를 가져오거나 설정하는 역할을 합니다.
Date 객체의 getHours() 메서드는 해당 날짜의 시(hour) 값을 반환하며, 반환되는 값은 0(자정)부터 23 사이의 정수입니다.
문법(Syntax)
getHours() 메서드의 문법은 다음과 같습니다.
dateObj.getHours();
이 메서드는 매개변수를 받지 않으며, 호출된 Date 객체가 나타내는 날짜의 '시'를 숫자로 반환합니다.
예제 1: 특정 날짜의 시간 가져오기
아래 예제에서는 문자열 형식으로 지정한 날짜 객체에서 시(hour) 값을 추출하여 출력합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateObj = new Date('september 26, 89 12:4:00');
document.write("Hour of the day: "+dateObj.getHours());
</script>
</body>
</html>출력 결과
Hour of the day: 12
예제 2: 시간을 지정하지 않은 경우
Date 객체를 생성할 때 시간(time)을 명시하지 않으면, 이 메서드는 0을 반환합니다. 이는 자정(midnight)을 의미합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateObj = new Date('september 26, 89');
document.write("Hour of the day: "+dateObj.getHours());
</script>
</body>
</html>출력 결과
Hour of the day: 0
예제 3: 현재 시간 가져오기
같은 방식으로 Date 객체를 생성할 때 생성자에 아무 값도 전달하지 않으면, 현재 시스템 시간을 기준으로 한 Date 객체가 만들어지며, 이 메서드는 현재 시각의 시(hour)를 반환합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateObj = new Date();
document.write("Hour of the day: "+dateObj.getHours());
</script>
</body>
</html>출력 결과
Hour of the day: 12
정리
getHours()는 매우 간단하지만 실무에서 자주 사용되는 메서드입니다. 주요 특징을 정리하면 다음과 같습니다.
- 반환값 범위: 0 ~ 23 사이의 정수
- 매개변수 없음
- 현지 시간대 기준으로 동작 (UTC 기준이 필요하다면
getUTCHours()사용) - 시간이 지정되지 않은 날짜 객체에 대해서는 0 반환