String.prototype.padStart()와 String.prototype.padEnd()를 활용한 시간 표시
시계나 타이머를 구현할 때 다음과 같이 표현할 일이 많다.
00
시 00
분 00
초
// 10시 미만이면 앞에 0를 붙인다
const hours = hour > 10 ? "0" + hour : hour;
const mins = min > 10 ? "0" + min : min;
const secs = sec > 10 ? "0" + sec : sec;
console.log(`${hours}시 ${mins}분 ${secs}초`);
padStart()를 사용하면 다음과 같이 구현할 수 있다.
const hours = String(hour).padStart(2, "0");
const mins = String(min).padStart(2, "0");
const secs = String(sec).padStart(2, "0");
console.log(`${hours}시 ${mins}분 ${secs}초`);
padStart()는 첫 번째 인자로 길이를, 두 번째 인자로 대체할 문자를 받아서
문자열의 시작을 대체할 문자로 채워 주어진 길이를 만족하는 새로운 문자열을 반환한다.
반대로, padEnd()는 두 번째 인자로 받은 문자열을 현재 문자열의 뒤에 이어서
첫 번째 인자로 주어진 길이를 만족하는 새로운 문자열을 반환한다.
Author And Source
이 문제에 관하여(String.prototype.padStart()와 String.prototype.padEnd()를 활용한 시간 표시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@strawberrycream/String.prototype.padStart와-String.prototype.padEnd를-활용한-시간-표시저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)