[JavaScript] 문자열 공백 제거 방법 (trim, replace)

자바스크립트에서 문자열의 양쪽 공백을 제거하기 위해서는 trim 함수를 사용하면 된다. trim 함수는 최근 대부분의 브라우저에서 사용 가능 하지만 인터넷 익스플로러는 IE10부터 사용 가능하다. 문자열에 포함된 모든 공백을 제거하기 위해서는 replace 함수를 사용하면 된다.

 

trim 함수를 사용하여 공백 제거

var str = '  자바 스크립트  ';
var str = str.trim();

// 결과 : '자바 스크립트'

 

trim 함수를 사용하면 문자열의 왼쪽과 오른쪽의 공백을 제거할 수 있다. 문자열 내부의 공백은 제거되지 않는다.

trim 함수는 IE10 버전부터 지원한다. IE8~IE9는 아래의 replace 함수를 사용해야 한다.

 

 

replace 함수를 사용하여 공백 제거

var str = '  자바 스크립트  ';
var str = str.replace(/^\s+|\s+$/gm, '');

// 결과 : '자바 스크립트'

 

replace 함수를 사용하여 문자열의 양쪽 공백을 치환하여 제거한다. (모든 브라우저에서 사용 가능)

 

앞의 공백만 제거 : str.replace(/^\s+/gm, '')

뒤의 공백만 제거 : str.replace(/\s+$/gm, '')

(g : 문자열이 한 줄인 경우, gm : 문자열이 여러 줄인 경우)

 

 

replace 함수를 사용하여 문자열의 모든 공백 제거

var str = '  자바 스크립트  ';
var str = str.replace(/(\s*)/gm, '');

// 결과 : '자바스크립트'

 

문자열의 모든 공백이 치환되어서 제거된 것을 확인할 수 있다.