본문 바로가기
Javascript

padStart( )/padEnd( )

by 코딩달림 2022. 8. 18.
728x90

문자열 메소드 - padStart( )/padEnd( )

문자를 결합하거나 복사하여, 새로운 문자열을 반환하는 메소드입니다.

매소드 설명 문법
padStart( ) 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. "문자열".padStart(길이)
"문자열".padStart(길이, 문자열)
padEnd( ) 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. "문자열".padEnd(길이)
"문자열".padEnd(길이, 문자열)

1. 문자열 메소드 : padStart( )

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

padStart( ) 메소드의 길이 만큼 문자열의 문자를 반환합니다. 길이가 문자열 수보다 적다면 모든 문자열을 반환하며, 더 많다면 부족한 자리 수 만큼 공백으로 채웁니다.

길이 뒤에 문자열을 넣으면 공백 대신 해당 문자로 자리 수를 채웁니다.

{
    const str1 = "456";
    const currentStr1 = str1.padStart(1, "0");      //456
    const currentStr2 = str1.padStart(2, "0");      //456
    const currentStr3 = str1.padStart(3, "0");      //456
    const currentStr4 = str1.padStart(4, "0");      //0456      //앞의 숫자는 자리를 의미함 그래서 4를 넣으면 앞을 0으로 채워 자리수를 맞춤
    const currentStr5 = str1.padStart(5, "0");      //00456
    const currentStr6 = str1.padStart(6, "0");      //000456
    const currentStr7 = str1.padStart(6, "1");      //111456
    const currentStr8 = str1.padStart(6, "12");     //121456   //자리수를 채울때까지 12가 반복
    const currentStr9 = str1.padStart(6, "123");    //121456
    const currentStr10 = str1.padStart(6, "1234");  //121456   //3자리까지 밖에 자리가 안나니 4가 짤림
    const currentStr11 = str1.padStart(6);          //   456   //아무 숫자도 안넣으면 자리수를 공백으로 채움
}

2. 문자열 메서드 : padEnd( )

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

padEnd( ) 메소드는 padStart( ) 메소드와 같으나 부족한 자리 수를 뒤에서 채웁니다.

{
    const currentStr12 = str1.padEnd(1, "0");       //456
    const currentStr13 = str1.padEnd(4, "0");       //4560      //padEnd는 뒤에 문자열을 붙여 자리수를 채움
    const currentStr14 = str1.padEnd(5, "0");       //45600     
    const currentStr15 = str1.padEnd(6, "0");       //456000    
    const currentStr16 = str1.padEnd(6, "1");       //456111   
    const currentStr17 = str1.padEnd(6, "12");      //456121  
    const currentStr18 = str1.padEnd(6, "123");     //456123  
    const currentStr19 = str1.padEnd(6, "1234");    //456123  
    const currentStr20 = str1.padEnd(6);            //456   (여기까지 공백)
}

'Javascript' 카테고리의 다른 글

함수 유형  (2) 2022.08.22
includes( )  (3) 2022.08.18
concat( )/repeat( )  (1) 2022.08.18
split( )/replace( )/replaceAll( )  (2) 2022.08.18
정규표현식  (4) 2022.08.16

댓글


광고 준비중입니다.