출처 :&nbsp;<a href="http://dragonraja2010.blogspot.kr/2011/01/trim.html" target="_blank">http://dragonraja2010.blogspot.kr/2011/01/trim.html</a> 
출처2 :&nbsp;<a href="http://negafix.tistory.com/68" target="_blank" class="tx-link">http://negafix.tistory.com/68</a> 
 
 
 
&nbsp;자바에서 문자열상의 공백을 제거할 때 아주 유용하게 사용하는 함수. 그 이름은 trim~ 두둥~!! 자바스크립트에서도 이 유용한 함수를 사용할 수 있을까~? 일단 모르면 한번 질러보는거임~ ㅋㅋ 하고 호출하였으나 당근 자바스크립트 오류를 뱉어냄. ㅠㅡㅠ 그래서 찾아보니 자바스크립트에는&nbsp; 기본적으로 문자열 양쪽에 공백을 제거하는 trim 기능이 없고&nbsp; 아래와 같이 사용하면 우리에게 필요한 trim 기능을 사용할 수 있다고 하니... 아래 소스를 보시지요~!! 
&lt;script type="text/javascript"&gt;

&nbsp;&nbsp;&nbsp;
String.prototype.trim = function() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return this.replace(/(^\s*)|(\s*$)/gi,
"");

&nbsp;&nbsp;&nbsp; }

&lt;/script&gt; 
&nbsp;&nbsp; 
또는&nbsp;
&lt;script type="text/javascript"&gt;

&nbsp;&nbsp;&nbsp; function trim(str) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return this.replace(/(^\s*)|(\s*$)/gi,
"");

&nbsp;&nbsp;&nbsp; }

&lt;/script&gt;
 
이렇게 함수를 정의하시면 되겠습니다. 이 함수를 자주 사용할것 같다면 공용함수로 만들고 필요한 페이지에서 호출해서 사용한다면 더 좋겠죠~^^ 사용법은 아래 간단한 예제로다가.. var strTrimTest = " TrimTest "; var strTrimResult = strTrimTest.trim(); strTrimResult 에는 "TrimTest" 값이 들어가 있겠네욤. ^^ <div> </div><div> </div><div> </div><div> </div><div>//아래는 문자열에 포함된 모든 공백제거 함수</div><div><span style="font-size: 9.5pt; font-family: Consolas; color: blue; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">function<span style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;"> compactTrim(str) {

<span style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">&nbsp;&nbsp;&nbsp; <span style="font-size: 9.5pt; font-family: Consolas; color: blue; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">return<span style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;"> str.replace(<span style="font-size: 9.5pt; font-family: Consolas; color: maroon; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">/(\s*)/g<span style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">, <span style="font-size: 9.5pt; font-family: Consolas; color: rgb(163, 21, 21); background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">""<span style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">);

<span style="font-size: 9.5pt; line-height: 115%; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">}</div><div> </div><div> </div>

JavaScript 에서 trim() 사용하기