[Javascript] 문자열 공백 제거 4가지 방법

Javascript에서 문자열의 공백을 제거하기 위한 4가지 방법

• trim(), trimStart(), trimEnd()
• split(),join()
• replace()
• replaceAll()

trim()

문자열의 맨 앞, 맨 뒤의 공백 제거

trim() 메서드는 문자열의 양 끝의 공백을 제거하고, 원본 문자열을 수정하지 않고 새로운 문자열을 반환한다.

const str = "  Hello World!  ";
const trimStr = str.trim();

console.log(trimStr); 
// "Hello World!"

한쪽 끝의 공백만 제거한 문자열 반환을 위해서는 trimStart() 또는 trimEnd()를 사용해야한다.

const str = "  Hello World!  ";

console.log(str.trimStart()); 
// "Hello World!  "

console.log(str.trimEnd()); 
// "  Hello World!"

split() & join()

문자열 나누기 & 문자열 연결하기를 통해 공백 제거

• split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러개의 문자열로 나눈다.

const str = "  Hello World!  ";

console.log(str.split(' ')); 
// ['', '', 'Hello', 'World!', '', '']

• join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.

const str = "  Hello World!  ";

console.log(str.split(' ').join('')); 
// "HelloWorld!"

replace()

replace() 메서드는 어떤 패턴에 일차하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다.
그 패턴은 문자열이나 정규식이 될 수 있다.

• pattern이 문자열인 경우, 첫번째 문자열만 치환된다.
• 모든 공백제거를 위해서는 정규식을 사용해야한다.

const str = "  Hello World!  ";

console.log(str.replace(' ','')); // 첫번째 문자열만 치환
// " Hello World!  "

console.log(str.replace(/(\s*)/g,'')); // 정규식 사용
// "HelloWorld!"

replaceAll()

replaceAll() 메서드는 패턴이 일치하는 모든 부분이 교체된 문자열을 반환한다.

const str = "  Hello World!  ";

console.log(str.replaceAll(' ','')); // 모든 문자열 치환
// "Hello World!"

참고
trim() 자세히보기
split() 자세히보기
join() 자세히보기
replace() 자세히보기
replaceAll() 자세히보기