JavaScript에서 공백 제거하는 방법(trim, 정규식)

2023. 8. 4.· 약 2분

안녕하세요! 오늘은 JavaScript에서 문자열에서 공백을 제거하는 여러 가지 방법에 대해 알아보겠습니다. 문자열에서 공백을 제거하는 것은 데이터 처리나 사용자 입력을 다룰 때 유용한 기능입니다. 자바스크립트로 간단하게 공백을 제거하는 방법을 소개하겠습니다.

1. split()과 join() 메서드를 이용한 방법:

const originalString = "  자바스크립트는   멋진 언어입니다.   ";
const withoutSpaces = originalString.split(" ").join("");
console.log(withoutSpaces); // "자바스크립트는멋진언어입니다."

이 방법은 문자열을 먼저 split() 메서드를 이용하여 공백을 기준으로 배열로 분리한 후, join() 메서드로 다시 합치는 방식으로 공백을 제거합니다.

2. 정규 표현식(RegExp)을 이용한 방법:

const originalString = "  자바스크립트는   멋진 언어입니다.   ";
const withoutSpaces = originalString.replace(/\s/g, "");
console.log(withoutSpaces); // "자바스크립트는멋진언어입니다."

위 코드에서 사용된 정규 표현식 \s는 공백 문자를 의미하며, g 플래그는 전역 검색을 의미합니다. 따라서 replace() 메서드를 이용하여 모든 공백을 찾아 제거합니다.

3. trim() 메서드를 이용한 방법:

const originalString = "  자바스크립트는   멋진 언어입니다.   ";
const withoutSpaces = originalString.trim();
console.log(withoutSpaces); // "자바스크립트는   멋진 언어입니다."

trim() 메서드는 문자열의 시작과 끝에서 공백을 제거합니다. 문자열 중간의 공백은 유지됩니다.

4. 정규 표현식과 trim() 메서드를 조합한 방법:

const originalString = "  자바스크립트는   멋진 언어입니다.   ";
const withoutSpaces = originalString.replace(/^\s+|\s+$/g, "");
console.log(withoutSpaces); // "자바스크립트는   멋진 언어입니다."

위 코드는 문자열의 시작과 끝에 있는 공백을 제거하는 정규 표현식과 replace() 메서드를 이용하여 모든 공백을 찾아 제거합니다.

이렇게 JavaScript에서 문자열의 공백을 제거하는 다양한 방법을 소개해드렸습니다. 사용하는 상황과 요구에 따라 가장 적합한 방법을 선택하여 공백을 제거하시기 바랍니다. 감사합니다!