HTML&JSP&Javascript2013. 7. 9. 11:09

javascript에서 공백을 제거하는 기능은 의외로 단순합니다.

우선 기본적으로 trim()함수를 제공하지 않기 때문에 replace()를 사용합니다.

trim() 함수의 기능 : 문자열 앞 뒤의 공백을 제거합니다.

== 앞 뒤의 '공백문자'제거 == 공백문자를 '' 로 replace해주면 됩니다.

아주 쉽습니다. very easy.

replace()함수의 사용방법은 만국 일치.
그럼 여기서 한가지만 알아두면 됩니다.

공백문자를 정규식으로 표현해준다는 겁니다.

정규식에 대한 정보는 참고하세요.

그렇게 해서 나온 코드를 보면

var test = " te st ";
1) test = test.replace(/^\s*/,'');
2) test = test.replace(/\s*$/,'');
alert(test);

코드를 다 설명할 필욘 없고, 정규식만 설명할게요,

일단 // 이 사이에 정규식을 써줍니다. ^는 문자열시작이란 뜻입니다.

그리고 \s*은 \s가 공백을 나타내고 wildcard가 0~n. 즉 공백이 없거나,

몇갠지 모르지만 암튼 여러개 있다는 겁니다. 문자열의 처음에 공백이 몇개가 있든 다 없애주고, 없어도 없애준다(?)는 뜻이지요.

2번라인에서 $는 문자열 마지막을 나타냅니다.
 
문자열 마지막 앞에 있는 몇갠지 모르겠지만 암튼 공백들을 ''로 바꿔준다는 코드입니다.
 
trim(val) 함수로 모듈화하면 좋겠지만, 간단한 경우에는 그냥 저렇게 써도 되겠네요.

==> 실제로 사용해보니 2) test = test.replace(/\s*$/,''); 만 정상작동했습니다. (물론 저의 경우에 한해서입니다.)

출처 : http://pinkfish7.egloos.com/3486251 (재인용)

Posted by 아로나