[javascript] 자바스크립트 공백 제거(trim, strip whitespace)

1. trim()

javascript 문자열에서 공백을 제거하기 위해서는 trim() 메소드를 사용할 수 있습니다. 이는 javascript string의 시작 부분과 끝 부분의 공백을 지워줍니다. 다음은 trim() 메소드의 사용 예제입니다.

const str = "  Hello World!  ";
const trimStr = str.trim();

console.log(trimStr); // "Hello World!"

trim() 메소드는 매개변수를 받지 않으며 오직 문자열 양 끝의 공백만을 지우는 기능을 합니다.

2. split(), join()

trim() 메소드는 문자열 사이의 공백은 지우지 않는데 이와는 다르게 문자열 사이의 공백까지도 제거하고 싶다면 split() 메소드와 join() 메소드를 체이닝하여 시용할 수 있습니다. 다음의 코드는 split() 메소드와 join() 메소드를 사용해 문자열 내에 존재하는 모든 공백을 제거하는 예제 입니다.

const str = "  Hello  Wo  rld!  ";
const trimStr = str.split(' ').join('');

console.log(trimStr); // "HelloWorld!"

3. replace()

위의 예제처럼 두가지 메소드를 사용하지 않고 하나의 메소드로 문자열에 포함된 모든 공백을 제거할 수도 있습니다. String.replace() 메소드와 정규표현식을 사용하여 문자열에 포함된 모든 공백을 제거할 수 있습니다. 예를 들면:

const str = "  Hello  Wo  rld!  ";
const trimStr = str.replace(/\s+/g, '');

console.log(trimStr); // "HelloWorld!"

replace() 메소드의 첫 번째 매개변수로 정규표현식을 넣어주고 두 번째 매개변수에 매치되는 문자를 찾았을 때 교체할 문자를 넣어줌으로 문자열 내의 모든 공백을 지울 수 있습니다.

4. replaceAll()

String.replaceAll() 메소드를 통해 문자열에 포함된 모든 공백을 지울 수도 있습니다. 예를 들면:

const str = "  Hello  Wo  rld!  ";
const trimStr = str.replaceAll(' ', '');

console.log(trimStr); // "HelloWorld!"

replace() 메소드와는 다르게 replaceAll() 메소드의 첫 번째 매개변수로 ' ' 스페이스 문자를 넣어주고 두 번째 매개변수로 '' 아무 내용이 없는 문자를 넣어주면 문자열 내의 모든 공백을 지울 수 있습니다.