[JavaScript] 시:분:초 두 자릿수로 표기하기

Date 객체에서 제공하는 메서드 getHours(), getMinutes(), getSeconds() 메서드로 시간을 표현하면 다음과 같다.

초(Second) 부분이 한 자리일 때 한 자리로 표현되기 때문에 보기 좋지 않다. 초 뿐만이 아니라 분(minute) 또한 한 자리로 표기된다.

 

코드를 보려면 화면의 연필 버튼을 누른다.

 

 

padStart() 메서드를 사용해서 표기 방식을 교체한다.

padStart() 메서드는 문자열의 표기 방식을 교체하는 메서드이다. 숫자를 가지고 와서 왜 padStart() 메서드가 활성화 되지 않는지 당황하지 말자.

 

padStart() 메서드의 기본 형식은 다음과 같다.

문자열.padStart(목표 문자열 길이, 문자열에 채워넣을 다른 문자열);

 

Date 객체로 시간을 표기하는 기존 방식에 padStart() 메서드를 적용했다.

코드를 보려면 화면의 연필 버튼을 누른다.

 

 

padStart(2, "0")

padStart() 설정을 다음과 같이 했는데, 해당 문자열의 길이를 2로 설정하고, 만약 해당 문자열의 길이가 2보다 작다면 남는 길이를 좌측부터 문자열 "0"을 채워넣겠다는 의미이다.

 

참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart

String.prototype.padStart() - JavaScript | MDN