1. 앞뒤 공백을 제거할려면 trim 함수를 사용하면 쉽게 할수있지만,
<script>
var input = ' 나눔팁 ';
console.log(input.trim());
</script>
2. jquery 를 사용한다면,
<script>
var input = ' 나눔팁 ';
input = $.trim(input);
</script>
3. 만약, 문자열 중간 중간에 공백이 있다면,
<script type="text/javascript">
var input = ' 나눔 팁 ' ;
input.replace(/\s/gi, ''); // 모든 공백을 제거
input.replace(/ /gi, ''); // 모든 공백을 제거
</script>
4. ltrim 처럼 앞에 공백만 제거하고 싶다면
<script type="text/javascript">
var input = ' 나눔 팁 ' ;
b = input.replace(/^\s+/, ''); // 문자열의 앞부분 공백 제거
console.log(b);
</script>
5. rtrim 함수처럼 뒤에 있는 공백만 제거하고 싶다면,
<script type="text/javascript">
var input = ' 나눔 팁 ' ;
b = input.replace(/\s+$/, ''); // 문자열 맨 뒤의 공백만 제거
console.log(b);
</script>
6. 최종적으로 활용 예제
// example of using trim, ltrim, and rtrim
var myString = " 나눔팁(nanumtip.com) ";
alert("*"+myString.trim()+"*");
alert("*"+myString.ltrim()+"*");
alert("*"+myString.rtrim()+"*");
// Javascript Trim Stand-Alone Functions
function trim(stringToTrim) {
return stringToTrim.replace(/^\s+|\s+$/g,"");
}
function ltrim(stringToTrim) {
return stringToTrim.replace(/^\s+/,"");
}
function rtrim(stringToTrim) {
return stringToTrim.replace(/\s+$/,"");
}
// example of using trim, ltrim, and rtrim
var myString = " 나눔팁(nanumtip.com) ";
alert("*"+trim(myString)+"*");
alert("*"+ltrim(myString)+"*");
alert("*"+rtrim(myString)+"*");
7. 만약 문자열 앞뒤의 탭문자(Tab)나 줄바꿈, 스페이스(공백문자)를 모조리 제거하려면(중간의 공백은 제외)
function ltrim(str) {
for(var k = 0; k < str.length && isWhitespace(str.charAt(k)); k++);
return str.substring(k, str.length);
}
function rtrim(str) {
for(var j=str.length-1; j>=0 && isWhitespace(str.charAt(j)) ; j--) ;
return str.substring(0,j+1);
}
function trim(str) {
return ltrim(rtrim(str));
}
function isWhitespace(charToCheck) {
var whitespaceChars = " \t\n\r\f";
return (whitespaceChars.indexOf(charToCheck) != -1);
}