JavaScript에서 문자열을 이어 붙일 때는 일반적으로 string.concat() 메서드를 사용합니다. 하지만 concat()은 결과 문자열의 최종 길이나 추가될 값을 세밀하게 제어할 수 없다는 단점이 있습니다. 이러한 문제를 해결하기 위해 JavaScript는 string.padEnd() 메서드를 제공합니다.
padEnd() 메서드는 두 개의 매개변수를 받습니다. 하나는 결과 문자열의 목표 길이이고, 다른 하나는 첫 번째 문자열 끝에 덧붙일 두 번째 문자열입니다.
문법
string.padEnd(length, "string");
- length: 연결 후 결과 문자열의 전체 길이가 지정된 길이와 일치하도록 보장합니다.
- string: 첫 번째 문자열과 연결할 두 번째 문자열입니다.
예제
다음 예제에서 str.padEnd() 메서드는 길이와 두 번째 문자열을 매개변수로 받아, 사용자가 지정한 길이에 맞춰 두 번째 문자열을 연결합니다.
<html>
<body>
<script>
var str = "Hello";
document.write(str.padEnd(23," glad to meet you"));
document.write("</br>");
document.write(str.padEnd(37," glad to meet you"));
</script>
</body>
</html>출력 결과
Hello glad to meet you Hello glad to meet you glad to meet y
위 출력 결과를 보면, 지정된 길이(23)에 도달할 때까지 두 번째 문자열이 채워지고, 길이를 초과하는 부분은 잘려나가는 것을 확인할 수 있습니다. 즉, padEnd()는 항상 결과 문자열의 길이가 지정된 길이를 넘지 않도록 조절합니다.
원본 문자열이 지정된 길이보다 긴 경우
만약 원본 문자열의 길이가 지정된 길이보다 크다면 아무런 연결도 이루어지지 않으며, 원본 문자열이 그대로 반환됩니다.
예제
<html> <body> <script> var str = "Hello pleasure to meet you"; document.write(str.padEnd(15," glad to meet you")); </script> </body> </html>
출력 결과
Hello pleasure to meet you
"Hello pleasure to meet you"는 26자로 지정된 길이 15보다 길기 때문에, padEnd()는 아무 작업도 수행하지 않고 원본 문자열을 그대로 출력합니다.