728x90
반응형
자바스크립트에서 문자열의 공백을 제거하고싶을때 상황에 맞게 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은 위와같이 앞과 뒤쪽의 공백을 제거하여 줍니다.
참고
https://dpdpwl.tistory.com/113
728x90
반응형
'typescript' 카테고리의 다른 글
자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 (0) | 2020.06.22 |
---|---|
Typescript - class (0) | 2020.06.19 |
자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6) (0) | 2020.06.17 |
자바스크립트 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 (0) | 2020.06.16 |
type 정보들 (0) | 2020.06.10 |
댓글