본문 바로가기

아래로 스크롤 해주세요!

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

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