JavaScript에서 공백 제거하는 방법

안녕하세요! 오늘은 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); // "자바스크립트는   멋진 언어입니다."