자바스크립트로 문자열에서 모든 공백 제거하기

자바스크립트에서는 문자열을 입력받아 원본 문자열의 모든 공백(whitespace)을 제거한 새로운 문자열을 반환하는 함수를 작성할 수 있습니다. 이 글에서는 반복문을 활용한 기본 구현 방법과 함께, 실무에서 더 널리 쓰이는 정규표현식 방법까지 소개합니다.

반복문을 사용한 구현

먼저 반복문으로 문자열의 각 문자를 하나씩 확인하면서, 공백이 아닌 문자만 새로운 문자열에 이어 붙이는 방식입니다.

const str = "This is an example string from which all whitespaces will be removed";

const removeWhitespaces = str => {
    let newStr = '';
    for(let i = 0; i < str.length; i++){
        if(str[i] !== " "){
            newStr += str[i];
        }
    };
    return newStr;
};

console.log(removeWhitespaces(str));

실행 결과

위 코드를 실행하면 콘솔에 다음과 같이 모든 공백이 제거된 문자열이 출력됩니다.

Thisisanexamplestringfromwhichallwhitespaceswillberemoved

정규표현식을 사용한 더 간단한 방법

실무에서는 replace() 메서드와 정규표현식을 조합하는 것이 가장 일반적입니다. 한 줄로 모든 종류의 공백(일반 공백, 탭, 줄바꿈 등)을 처리할 수 있습니다.

const str = "This is an example string";
const result = str.replace(/\s/g, '');
console.log(result); // Thisisanexamplestring

정리

• 반복문 방식: 로직을 직접 이해하고 학습하기에 좋습니다.
• 정규표현식 방식: 코드가 간결하고 탭·줄바꿈 등 모든 공백 문자를 처리할 수 있어 실무에 적합합니다.

상황에 맞는 방법을 선택해 사용하시면 됩니다. 단순히 띄어쓰기만 제거하는 것이 아니라 모든 공백 문자를 없애려면 /\s/g 패턴을 사용하는 것을 권장합니다.