자바스크립트 문자열 공백 제거하는 방법 (trim, replace)

자바스크립트에서 문자열의 공백을 제거하는 방법에는 trim 함수와 replace 함수 2가지가 있습니다. trim 함수와 replace 함수 사용 방법에 대해서 알아보겠습니다.

 

1. trim 함수를 이용한 공백 제거

var str = ' Java Script ';
str.trim();

// 'Java Script'

trim 함수를 이용하면 문자열의 맨 왼쪽과 오른쪽의 공백을 제거할 수 있지만 문자열의 내부는 제거되지 않는다. 또한 trim 함수는 인터넷 익스플로러 IE10 버전부터 지원이 가능하기 때문에 IE9 아래 버전은 replace 함수를 이용해야한다.

 

2. replace 함수를 이용한 공백 제거

replace 함수를 이용하면 정규식과 함께 사용해야한다. 

var str = ' java script ';
str.replace(/^\s+|\s+$/gm, '');
str.replace(/^\s*/, '');
str.replace(/\s*$/, '');

// 'java script'
// 'java script '
// ' java script'

• /^\s+|\s+$/gm : 양 쪽 공백 제거
• /^\s*/ : 왼쪽 공백 제거
• /\s*$/ : 오른쪽 공백 제거

 

var str = ' java script ';
var str = str.replace(/(\s*)/g, '');

// javascript

• /(\s*)/g : 모든 공백 제거