본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

Javascript

padStart()/padEnd()에 대하여!

by C0Di 2022. 8. 17.
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

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개)

728x90
반응형

댓글

#HASH_TAGS

-

1

멈추지 않는 ' j ' 시리-즈 코딩 화사한가요? 오징어 1Kg 당 3000원 scroll-snap-type 내일은 즐거운 월요일 숙제가 다양해서 너무 좋아요 필터선택자 HTML 공부 선택해주세요 제이쿼리 다크모드 오늘은 내가바로 오징어! ImageSlideEffect 오늘 조업 마감했습니다. JQuery 오징어 한마리 수확 완료! Method 오징어 두마리 포획 완료 오늘도 웹표준은.. 이건 또 뭐람 울적하니 꽃을 달아봤습니다 scroll-snap-align 코드 메서드 슬라이드 결과 : 월요일