본문 바로가기
JavaScript

padStart( ) / padEnd( )

by 코딩 냠냠 2022. 8. 17.
728x90
반응형

padStart() / padEnd()

padStart/padEnd() 메서드는 주어진 길이에 맞게 앞/뒤 문자열을 채우고, 새로운 문자열을 반환합니다.


padStart() / padEnd()

"문자열".padStart(길이)
"문자열".padStart(길이, 문자열)

padEnd()의 사용법은 padStart()와 동일 합니다.


const str1 = "456";
const currnetStr1 = str1.padStart(1, "0");          //456
const currnetStr2 = str1.padStart(2, "0");          //456
const currnetStr3 = str1.padStart(3, "0");          //456
const currnetStr4 = str1.padStart(4, "0");          //0456
const currnetStr5 = str1.padStart(5, "0");          //00456
const currnetStr6 = str1.padStart(6, "0");          //000456
const currnetStr7 = str1.padStart(6, "1");          //111456
const currnetStr8 = str1.padStart(6, "12");         //121456
const currnetStr9 = str1.padStart(6, "123");        //123456
const currnetStr10 = str1.padStart(6, "1234");      //123456, 자리가 없어서 4는 짤림
const currnetStr11 = str1.padStart(6);              //   456, 앞에는 공백 처리
        
        
const currnetStr12 = str1.padEnd(1, "0");           //456
const currnetStr13 = str1.padEnd(2, "0");           //456
const currnetStr14 = str1.padEnd(3, "0");           //456
const currnetStr15 = str1.padEnd(4, "0");           //4560
const currnetStr16 = str1.padEnd(5, "0");           //45600
const currnetStr17 = str1.padEnd(6, "0");           //456000
const currnetStr18 = str1.padEnd(6, "1");           //456111
const currnetStr19 = str1.padEnd(6, "12");          //456121
const currnetStr20 = str1.padEnd(6, "123");         //456123
const currnetStr21 = str1.padEnd(6, "1234");        //456123
const currnetStr22 = str1.padEnd(6);                //456___, 뒤에 공백 처리

'JavaScript' 카테고리의 다른 글

toUpperCase( ) / toLowerCase( ) / trim( )  (1) 2022.08.17
concat( ) / repeat( ) / includes( )  (2) 2022.08.17
replace( ) / replaceAll( )  (2) 2022.08.17
문자열 결합 / 템플릿 문자열  (2) 2022.08.17
split()  (2) 2022.08.17

댓글


자바스크립트

Javascript

자세히 보기
html
css
광고 준비중입니다.
<