JavaScript replace()로 문자열 앞뒤 공백 제거하는 방법

JavaScript에서 문자열 앞뒤에 포함된 불필요한 공백(whitespace)을 제거하고 싶다면 replace() 메서드와 정규식(Regex)을 함께 사용하면 간단하게 해결할 수 있습니다.

공백이 포함된 문자열 예시

다음과 같이 앞뒤에 공백이 포함된 문자열이 있다고 가정해 보겠습니다.

var fullName=" John Smith ";

이제 replace() 메서드 안에 정규식을 설정하여 공백을 제거하는 함수를 만들어 보겠습니다.

예제 코드

function removeSpacesAtTheBeginningAndTheEnd(name) {
    return name.toString().replace(/^\s+|\s+$/g,'');
}
var fullName=" John Smith ";
var valueAfterRemovingSpace=removeSpacesAtTheBeginningAndTheEnd(fullName)
console.log(valueAfterRemovingSpace);

코드 설명: 정규식 /^\s+|\s+$/g는 문자열의 시작 부분(^\s+) 또는 끝 부분(\s+$)에 있는 하나 이상의 공백 문자를 찾아내어 빈 문자열('')로 대체합니다. 마지막의 g 플래그는 전역(global) 검색을 의미하며, 일치하는 모든 패턴을 처리하도록 합니다.

프로그램 실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력하세요.

node fileName.js

여기서는 파일 이름이 demo208.js라고 가정합니다.

실행 결과

프로그램을 실행하면 다음과 같은 출력 결과를 확인할 수 있습니다.

PS C:\Users\Amit\javascript-code> node demo208.js
John Smith

출력 결과를 보면 문자열 앞뒤의 공백이 모두 제거되고 "John Smith"만 깔끔하게 남은 것을 확인할 수 있습니다. 이처럼 replace()와 정규식을 조합하면 별도의 외부 라이브러리 없이도 문자열 공백을 손쉽게 정리할 수 있습니다.