[javascript] padStart, padEnd

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart

padStart와 padEnd 함수는 JavaScript 문자열을 수정하여 원하는 길이만큼 패딩(padding) 문자열을 추가하는 함수이다.

이 두 함수는 주로 문자열을 특정 길이로 맞추고 정렬할 때 유용하게 사용이 된다.

 

padStart()

padStart함수는 문자열의 시작부분에 패딩 문자열을 추가하여 원하는 길이로 문자열을 만든다.

string.padStart(targetLength, padString);

이런식으로 쓰이는데, targetLength는 만들고자하는 문자열의 길이를 나타내고, padString은 선택 사항으로 추가할 패딩 문자열을 입력한다. 근데 지정하지 않으면 공백으로 들어간당

예를 들어보자면

예시를 보니까 이해가 한 번에 확 되는데, 그러니까 최소 글자는 5글자로 만들고 싶고, 기존 글자는 "42"
5글자를 만들기 위해 앞에 0을 추가해 만드는 것이다. 따라서 "00042"

 

padEnd()

padEnd 함수는 문자열의 끝 부분에 패딩 문자열을 추가하여 원하는 길이로 문자열을 만든다.

padStart와 똑같은 형식으로 쓰이니 바로 예를 들어보자.

최소 만들고 싶은 글자수는 5, 채우고 싶은 문자는 "0"

"61"뒤에 0을 붙여 5글자로 만드는 것이다. 따라서 "61000" 이 됨.

 

이걸 이용해서 특정 문자열을 원하는 형식으로 통일하고 싶을 때 이용할 수 있다!