자바스크립트 공백제거 trim(), replace(), 정규식

변수에 값을 받았을 때, 

입력을 안했을 때 특별한 event를 주려고 하는데
입력을 안 했을 때나 공백을 주었을 때나 같은 효과를 주는게
맞다고 생각해서 자바스크립트 공백 제거 메소드를 찾아보았다.

대표적으로 나오는 것이 trim과 replace

간단히 정리해보자면

trim은 문자열의 양 끝 공백을 제거해주는 것이다.
따라서 

const a = " ab cdef ";
const b = a.trim();
//b 결과값 "ab cdef"

문제는 중간에 있는 공백을 제거해주지 않는다.

그래서 발견한 것은 replace()함수, 

공백제거 뿐만 아니라 어떤 문자를 어떤 문자로 바꾸고 싶을 때 사용할 수 있다.

하지나 replace의 문제는 한 번밖에 실행되지 않는다는 것...

const a = "a bcd e f";
const b = a.replace(" ", "");
//결과값 b = "abcd e f";

 

공백을 모두 제거하려면 정규식을 사용해야 한다는데
아주 간단한 방법이 있따

const a = " a b c d ";
const b = a.replace(/ /gi, "");
//또는
const c = a.replace(/\s/gi, "");
// \s 는 띄어쓰기를 의미하는 코드

주의해야할 부분은 replace 다음에 따옴표를 사용하지 않고 / /gi 또는 /\ㄴ/gi 를 작성한다는 점!

공백 문제는 해결