🏷️ 세팅 환경
[JavaScript]
ES8(ES2017) 이후
🏷️ String.prototype.padStart() / String.prototype.padEnd()
해당 메소드는 String 값의 메소드로, 문자열이 주어진 길이에 도달할 때까지 특정 문자열로 채웁니다
🧩 활용 방법
const str = "abc";
# 문자열 앞에 채워넣기
console.log(str.padStart(5, "d"));
// 결과값: "ddabc"
# 문자열 앞에 공백으로 채워넣기
console.log(str.padStart(5));
// 결과값: " abc"
# 문자열 앞에 특정 문자열 반복해서 채워넣기
console.log(str.padStart(10, "est"));
// 결과값: "estesteabc"
# 문자열 뒤에 채워넣기
console.log(str.padEnd(5, "d"));
// 결과값: "abcdd"
# 문자열 뒤에 채워넣기 (특정 문자열이 정해진 길이보다 길 경우)
console.log(str.padEnd(5, "123456"));
// 결과값: "abc12"
const smallNum = 7;
const bigNum = 4567;
# 숫자 값이 한자리일 경우 두자리로 표시하기
console.log(String(smallNum).padStart(2, "0"));
// 결과값: "07"
# 숫자 값을 최소 3자리 이상으로 표시하기
console.log(String(smallNum).padStart(3, "0"));
// 결과값: "007"
console.log(String(bigNum).padStart(3, "0"));
// 결과값: "4567"
- 문의와 피드백은 언제나 환영입니다 ( •̀ .̫ •́ )✧ -
'웹 Front-End > JavaScript' 카테고리의 다른 글
npm|npx 오류 메세지; npm|npx cannot be loaded because running scripts is disabled on this system (0) | 2024.12.09 |
---|---|
[Spring Boot & React] React 설치부터 연동까지 (0) | 2024.12.06 |
[React] 백엔드에서 가져오는 데이터가 보이지 않는 경우 (0) | 2024.12.05 |
npm 설치 (1) | 2024.12.04 |
[JavaScript][jQuery] DOM ready 종류 (0) | 2023.04.15 |