[FE - ConnecTo] DAY45 TIL👩🏻‍💻

22.09.14 수업 시간에 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊

String.prototype.padStart()

오늘 구현하는 문제 중에서, 예를 들면 시간을 1시 이면, 01시로 나타내야하는 것이 있었습니다.

저는 열심히 코드를 짜서 숫자의 길이가 2보다 작으면, 0을 붙여서 나타내고, 2자리라면 그대로 리턴하게끔 설계했는데, 짝꿍으로부터 더 좋은 방법을 알게 되어, 적용해보았습니다.

수정 전 기존 코드와 수정한 코드는 다음과 같습니다.

막상 길이만 비교했을 때는 큰 차이가 없어보일 수 있지만, 입력하기에는 훨씬 간결한 것을 알 수 있습니다.

// 기존 코드
minute.length < 2 ? '0'+minute : minute;

// 수정한 코드
( minute + '' ).padStart( 2, '0' )

제가 오늘 새롭게 배운 메서드는 padStart 입니다.

padStart()

메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다.
채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다.

사용 방법은 다음과 같습니다.

str.padStart(targetLength [, padString])

매개변수로 들어가는 값은 다음과 같습니다.

targetLength

목표 문자열 길이를 의미하며, 현재 문자열의 길이보다 작다면 채워넣지 않고 그대로 반환합니다.

padString (Optional)

현재 문자열에 채워넣을 다른 문자열을 나타냅니다.

문자열이 너무 길어 목표 문자열 길이를 초과한다면 좌측 일부를 잘라서 넣으며, 기본값은 " " 입니다.

---

출처

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