노마드코더 챌린지 과제를 하다가 알게 된 메서드. String 값의 형태를 바꿀 때 쓴다.
padStart() 메서드는 String 값의 메서드로, 결과 문자열이 주어진 길이에 도달할 때까지 이 문자열의 시작 부분에 다른 문자열을 (필요하다면 여러 번) 채웁니다. 패딩은 이 문자열의 시작 부분부터 적용됩니다.
[예시]
// time.sec(0)과 time.min(25)의 형태를 MM:SS 로 만드는 코드
const formatSec = String(time.sec).padStart(2, 0);
const formatMin = String(time.min).padStart(2, 0);
console.log(`${formatMin} : ${formatSec}`);
// 결과물: 25: 00
비슷한 메소드로 padStart(), repeat(), replace() 등이 있다. 그때그때 상황에 맞는 메소드를 골라 쓰면 될 듯!
[출처]
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
String.prototype.padStart() - JavaScript | MDN
padStart() 메서드는 String 값의 메서드로, 결과 문자열이 주어진 길이에 도달할 때까지 이 문자열의 시작 부분에 다른 문자열을 (필요하다면 여러 번) 채웁니다. 패딩은 이 문자열의 시작 부분부터
developer.mozilla.org
'개발공부' 카테고리의 다른 글
| [공식문서 읽기/API] LocalStorage / Geolocation (0) | 2025.03.17 |
|---|---|
| #8. 타입 조작하기 (0) | 2025.03.05 |
| #7. 제네릭 (0) | 2025.02.28 |
| #6. 클래스 (0) | 2025.02.27 |
| #5. 인터페이스 (0) | 2025.02.26 |