공백문자 쉽게 제거하기

 

특정 데이터를 받아서 그 값을 가공하거나 값을 출력할 때 가장 먼저 해야 하는 것은 무엇일까요?

 

정답은? (두구두구두구 : 자체 효과음.. 긴장감 전혀 없음 주의)

 

제목에도 있듯이 해당값에 포함된 공백을 제거해주는 일입니다.

우리가 전문통신이나 이미 노출된 값을 자신이 필요한 위치 값만 잘라서 재 가공하여 화면에 보여주려고 해도 값에 공백이 포함되어 있으면 우리가 전달받게 되는 값에는 우리가 원치 않았던 공백 값이 포함되기 때문에 자신이 원하는 정확한 값을 얻을 수 없습니다. 

 

그래서 반드시 문자열을 자를 때는 공백문자를 제거해 줘야 합니다. 

공백 문자를 제거하는 방법에는 2가지 방법이 존재합니다. 

 

1.javaScript 정규식

javaScript는 replace를 이용하여 모든 공백을 제거해 줍니다.

const test = "    테스트 문자   "
test = test.replace(/(^\s*)|(\s*$)/gi, "");

 

2. jQuery

javaScript정규식은 복잡하여 사용하기 조금 힘들다고 생각하시면 jQuery 함수를 이용하면 더 간단히 해결이 가능합니다.

jQuery에서 제공하는 $.trim() 함수만 사용하면 됩니다.

const test = "    테스트 문자   "
test = $.trim(test)