[JavaScript]문자열 공백 제거 방법

JavaScript에서 문자열의 공백을 제거하는 방법은 다양합니다.

 

이번 포스팅에서는 replace, trim, split, join 함수를 활용하여 문자열의 공백을 제거하는 다양한 방법을 정리합니다.

 

목차

1. trim 함수를 사용하여 문자열 앞뒤 공백을 제거
2. 정규식과 replace 함수를 사용
3. split 함수와 join 함수를 사용

---

trim 함수를 사용하여 문자열 앞뒤 공백을 제거

trim 함수를 사용하여 문자열 앞뒤 공백을 제거합니다.

문자열 내부의 공백은 제거 불가능합니다.

var str = '  a b c ';

var strTrim = str.trim();

console.log(str.length);
// 8

console.log(strTrim);
// a b c

console.log(strTrim.length);
// 5

변수 str은 문자열 앞에 공백 2개, 뒤에 공백 1개가 존재합니다.

 

공백 3개가 제거되었음을 length 프로퍼티로 확인할 수 있습니다.

 

var str = `  
a b c

`;

var strTrim = str.trim();

console.log(str.length);
// 10

console.log(strTrim);
// a b c

console.log(strTrim.length);
// 5

키보드 탭 위와 1 왼쪽의 백틱( ` )을 사용하여 문자열을 선언할 때, 개행 문자도 넣을 수 있습니다.

 

trim 함수는 문자열 앞, 뒤에 존재하는 개행 문자도 제거합니다.

---

정규식과 replace 함수를 사용

정규식과 replace 함수를 사용하면, 문자열 내부의 공백도 빈 값('')으로 교체할 수 있습니다.

개행 문자를 포함한 모든 공백을 제거하는 방법입니다.

var str = `  a b c

 `;

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

console.log(strReplace);
// abc

console.log(strReplace.length);
// 3

---

split 함수와 join 함수를 사용

split 함수에 띄어쓰기(' ')를 전달하여 띄어쓰기(' ') 기준으로 문자열을 분리합니다.

 

split 함수는 분리된 문자열을 배열로 반환합니다.

var str = '  a b c ';

console.log(str.split(' '));
// ["", "", "a", "b", "c", ""]

 

반환된 배열은 join 함수를 사용하여 배열의 요소들을 결합합니다.

 

join 함수에 빈 값('')을 전달하여 배열 요소는 구분자 없이 결합됩니다.

var str = '  a b c ';

var strSplit = str.split(' ');

console.log(strSplit.join(''));
// abc

console.log(strSplit.join('').length);
// 3