프론트엔드/Javascript

padStart, padEnd

굴굴2 2023. 9. 29. 12:57
  • 문자열의 길이를 조정해 기존 문자열의 앞과 뒤에 원하는 문자를 붙일 수 있다.
"1".padStart(2, "0")

=> "01"
  • 하지만 숫자에는 사용할 수 없어서 숫자로 되어 있으면 문자열로 바꿔줘야 한다.
  // getHours()는 숫자형이라 padStart를 붙일 수 없다.
  const hours = String(date.getHours()).padStart(2, "0");
  const minutes = String(date.getMinutes()).padStart(2, "0");
  const seconds = String(date.getSeconds()).padStart(2, "0");
  clock.innerText = `${hours}:${minutes}:${seconds}`;