반응형
javascript 정규표현식 공백 제거 하기 ( space 제거 )
문자열의 공백을 제거 하고 싶을때가 정규표현식을 이용해서 제거 할수 있습니다.
space, 탭, 엔터값등을 한번에 제거할수 있어, 유용하게 사용이 가능합니다
1. 공백의 유무를 검사 하는 방법
정규표현식에서 "\s"는 공백 문자를 의미 합니다.
정규표현식은 "/패턴/플래그" 와 같은 형태로 사용하며,
공백의 유무를 검사 하기 위한 정규표현식 /\s/g 에서 g의 의미는
g 글로벌의 뜻. 전역 매칭을 한다는 뜻입니다.
var reg = /\s/g;
var checkStr = '안 녕 하 세 요';
if (checkStr.match(reg))
{
alert("공백이 있습니다~!!");
}
else
{
alert("공백이 없습니다~!!");
}
결과 : 공백이 있습니다~!!
2. 공백을 제거 하기
공백 유무만 체크하여 알림을 줄경우는 1번과 같이 사용하면 됩니다.
그러다면, 공백을 정규표현식으로 제거를 해서 사용해야할경우는 어떻게 사용하면 될까?
var reg = /\s/g;
var checkStr = '안 녕 하 세 요';
checkStr = checkStr.replace(/\s/g, "");
alert(checkStr);
결과 : 안녕하세요
3. 정규표현식 테스트 사이트
정규표현식을 바로 테스트 해볼수 있는 사이트를 소개 해드립니다.
요새는 시대가 좋아져서 바로 바로 적용해서 해당하는 정규 표현식이 어떻게 매칭되는지
테스트 해볼수 있는 사이트가 많이 있습니다.
Regular Expression 에 정규표현식을 입력하고
TEST String 을 통해 매칭되는 문자열을 바로 확인할수 있어 상당히 편리 합니다.
1. 정규표현식 테스트 사이트 - regex101.com (클릭)
2. 정규표현식 테스트 사이트 - regexr.com (클릭)
아래 정리한 정규표현식 문법도 확인 해보세요~
'Script > Javascript' 카테고리의 다른 글
자바스크립트 eval, JSON.parse 파싱 (0) | 2021.11.10 |
---|---|
자바스크립트 escape, encodeURI, encodeURIComponent 차이점 (0) | 2021.11.09 |
자바스크립트 ES6 block scope (0) | 2021.08.12 |
자바스크립트 정규표현식 이메일 체크 (0) | 2021.08.09 |
자바스크립트 시간 계산 초단위 뺄셈 ( yyyymmddhhmmss 형식 ) (0) | 2021.07.05 |
댓글