띄어쓰기를 제거하는 작업은 웹 개발에서 자주 필요한 작업 중 하나입니다. 이번 글에서는 자바스크립트의 정규식을 활용하여 문자열에서 불필요한 띄어쓰기를 제거하는 방법에 대해 알아보겠습니다.

1. 정규식을 사용한 공백 제거

자바스크립트에서는 정규식을 사용하여 문자열에서 특정한 패턴을 찾고 치환하는 작업을 할 수 있습니다. \s 를 사용하여 공백 문자를 나타내며, 이를 활용하여 문자열의 불필요한 띄어쓰기를 제거할 수 있습니다.

const inputString = "불필요 한   띄 어 쓰 기";
const resultString = inputString.replace(/\s+/g, ' ').trim();
console.log(resultString); // "불필요 한 띄 어 쓰 기"

위 코드에서 \s+ 는 하나 이상의 공백 문자를 의미하며, g 플래그는 전역적으로 모든 패턴을 찾아 치환하라는 것을 의미합니다. 마지막으로 trim() 메소드를 사용하여 문자열 앞뒤의 공백을 제거합니다.

2. 문자열 내의 여백 유형에 따른 제거

만약 특정한 유형의 띄어쓰기만을 제거하고 싶은 경우에는 정규식을 조합하여 원하는 패턴을 찾아 제거할 수 있습니다. 예를 들어, 여분의 공백과 탭을 제거하고 싶은 경우에는 아래와 같이 정규식을 사용할 수 있습니다.

const inputString = "여 분 의    공백 \t 및 탭 을 제거";
const resultString = inputString.replace(/[\s\t]+/g, ' ').trim();
console.log(resultString); // "여 분 의 공백 및 탭 을 제거"

위의 예제에서 [\s\t]+ 는 공백 및 탭을 나타내며, 전역적으로 이를 찾아 치환한 후에 trim() 메소드를 사용하여 문자열 앞뒤의 공백을 제거합니다.

띄어쓰기를 제거하는 작업은 사용자 입력값을 처리하거나 표시 형식을 통일화할 때 유용하게 사용될 수 있습니다. 위의 예제를 참고하여 자바스크립트에서 정규식을 활용하여 효율적으로 띄어쓰기를 제거해보세요.

참고 자료: MDN Web Docs - 정규 표현식