본문으로 바로가기

[JS] 자바스크립트 공백제거(replace,trim)

category Web/JavaScript 2019. 10. 29. 22:58

자바스크립트에서 문자열의 공백을 제거하고싶을때 상황에 맞게 replace 와 trim 을 이용하여 공백을 제거 할 수 있습니다.

 

 

replace


var a = "가 나 다 라 마 바 사 "

a.replace(" ","")
//"가나 다 라 마 바 사 "

a.replace(/ /g,"")
//"가나다라마바사"

위와같이 replace 를 이용하면 공백을 빈값으로 바꾸어 제거하는것과 같은 효과를 볼 수 있습니다.

 

다만, 문자열의 모든 공백을 제거하기 위해선 정규식을 사용해야합니다.

 

정규식에서 / /사이의 값을 replace의 두번째 인자값으로 교체가 가능하며, 뒤에붙는 g는 문자열의 모든 / / 사이의 값을 바꿔줍니다.

var b = "A가a나A다a"

b.replace(/a/g,"")
//"A가나A다"

b.replace(/a/gi,"")
//"가나다"

replace는 문자를 교체하는것이기 때문에 공백이 아니라도 가능합니다.

 

위와같이 a라는 문자를 공백으로 교체를 하기위해 정규식을 사용하였는데, g만 사용하면 같은 문자라도 대소문자를 가립니다.

 

따라서 i 옵션을 주어 대소문자를 모두 포함시킬 수 있습니다.

 

 

 

trim


var a = " 가 나 다 라 마 "

a.trim()
//"가 나 다 라 마"

trim은 위와같이 앞과 뒤쪽의 공백을 제거하여 줍니다.

 

그게 다입니다.