728x90
padStart()/padEnd
padStart/padEnd() 메서드는 주어진 길이에 맞게 앞(start)/뒤(end) 문자열을 채우고, 새로운 문자열을 반환합니다.
::사용예시
"문자열".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
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 자리값에 따라 원하는 문자를 그 자리수 만큼 넣을 수 있다.
const currentStr9 = str1.padStart(6, "123"); //123456 자리값에 따라 원하는 문자를 그 자리수 만큼 넣을 수 있다.
const currentStr10 = str1.padStart(6, "1234"); //123456 기존 자리값은 3자리였으니 123만 들어가게된다
const currentStr11 = str1.padStart(6); // 456 아무것도 안쓰면 공백이 3자리 만큼 차지하게 됨
결과 보기
456
456
456
0456
00456
000456
111456
121456
123456
(공백 3개)456
456
456
0456
00456
000456
111456
121456
123456
(공백 3개)456
padEnd()_예시
const str1 = "456";
const currentStr12 = str1.padEnd(1, "0"); //456
const currentStr13 = str1.padEnd(2, "0"); //456
const currentStr14 = str1.padEnd(3, "0"); //456
const currentStr15 = str1.padEnd(4, "0"); //4560 자릿수 중 1칸만 0을 붙입니다.
const currentStr16 = str1.padEnd(5, "0"); //45600 자릿수 중 2칸만 0을 붙입니다.
const currentStr17 = str1.padEnd(6, "0"); //456000 자릿수 중 3칸만 0을 붙입니다.
const currentStr18 = str1.padEnd(6, "1"); //456111 자릿수 중 3칸만 1을 붙입니다.
const currentStr19 = str1.padEnd(6, "12"); //456121 자릿수 중 3칸만 12을 붙입니다.
const currentStr20 = str1.padEnd(6, "123"); //456123 자릿수 중 3칸만 123을 붙입니다.
const currentStr21 = str1.padEnd(6, "1234"); //456123 자릿수 중 3칸만 123(4는 자릿수가 부족해 못씀)을 붙입니다.
const currentStr22 = str1.padEnd(6); //456(공백 3개) 뒷자리에 공백 3개를 붙여 출력합니다.
결과 보기
456
456
456
4560
45600
456000
456111
456121
456123
456123(4는 자리가 부족해서 사용불가)
456(공백 3개)
456
456
4560
45600
456000
456111
456121
456123
456123(4는 자리가 부족해서 사용불가)
456(공백 3개)
728x90
반응형
'Javascript' 카테고리의 다른 글
문자열 결합 / 템플릿 문자열 알아보자~~!! (1) | 2022.08.18 |
---|---|
replace()/replaceAll은 뭘까? (2) | 2022.08.17 |
정규식 표현에 대해 araboza! (4) | 2022.08.16 |
IndexOf()/lastIndexOf() 에 대하여! (6) | 2022.08.16 |
slice() / substring() / substr() 에 대하여~~ (6) | 2022.08.16 |
댓글