Powered by GitBook

Javascript Cookbook

문자열 왼쪽 또는 오른쪽에 문자열 채워 넣기

문제

문자열 왼쪽 또는 오른쪽에 주어진 문자를 채워 넣어야 한다.

해결

문자열의 길이를 확인한 후, 주어진 문자열을 필요한 만큼 반복하여 원래 문자열에 덧붙이거나(오른쪽에 채워 넣기) 원래 문자열 제일 앞에 추가하여(왼쪽 채워 넣기) 새로운 문자열을 만들면 된다. 다음은 원래 문자열에 공백문자(&nbsp)를 왼쪽 채움하는 코드이다.

<!DOCTYPE html>
<head>
<title>Recipe</title>
</head>
<body>
<div id="result"></div>
<script>

   var prefLineLength = 20;
   var oldStr = "This is a string";

   var diff = prefLineLength - oldStr.length;
   var filler = '&nbsp;';

   for (var i = 0; i < diff; i++) {
      oldStr=filler + oldStr;
   }

  document.getElementById("result").innerHTML=oldStr;

</script>
</body>
</html>