JavaScript 문자열 공백 제거 방법

0 투표
자바스크립트 구문으로 문자열에서 공백(스페이스 문자)를 제거하고 싶습니다.

1 답변


수정됨
0 투표

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);
}

add
...