본문 바로가기
개발공부

String.prototype.padStart()

by 반류연 2025. 3. 28.

 

노마드코더 챌린지 과제를 하다가 알게 된 메서드. 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