• 회원가입
  • 로그인
  • 구글아이디로 로그인

[RegExp] JS - \s 메타문자 - 공백문자찾기

\s 예제

 

<button onclick="homzzang()">클릭</button>


<p id="hz"></p>


<script>

function homzzang() {

  var str = "Welcom to Homzzang.com";

  var pat = /\s/g;

  var result = str.match(pat);

  document.getElementById("hz").innerHTML = result;

}

</script>

 

결과보기 쉼표: 1개


 

<button onclick="homzzang()">클릭</button>


<p id="hz"></p>


<script>

function homzzang() {

  var str = "홈짱닷컴에 오신 걸 환영합니다. Welcome to Homzzang.com";

  var pat = /\s/g;

  var result = str.match(pat);

  document.getElementById("hz").innerHTML = result;

}

</script>

 

결과보기 쉼표:5개

 

 

\s 정의

 

공백 문자를 찾는 데 사용.

 


 

1.

공백 개수보다 작은 수의 쉼표가 찍힘.

(예) 공백 2개면 ,(쉼표)가 하나 찍힘.

 

2.

아래 경우, 공백문자에 해당.

 

공백문자 (Space Character)

탭문자 (Tab Character)

캐리지리턴문자 (Carriage Return Character)

줄바꾸기문자 (New Line Character)

세로탭문자 (Vertical Tab Character)

양식급송문자 = 용지먹임문자 (Form Feed Character)

 

3.

모든 브라우저 지원.

 

 

 

\s 구문

 

수정자 포함 X 경우

 

new RegExp("\\s")

또는,

/\s/

 


 

수정자 포함 O 경우

 

new RegExp("\\s", "g")

또는,

/\s/g

 



분류 제목
Basic JS - Let 키워드 ★★★★★ - 변수 블럭범위 설정 (렛키워드) ※ 클로저
Modernizr JS - Modernizr (모더나이저 = 마더나이저) - 크로스브라우징 구현 (= 브라우저의 HTML5 C…
React JS - React (리액트) - JS 라이브러리 일종으로 사용자 인터페이스 구축에 사용.(= 현재시간 = …
DOM_Attribute JS - Attribute 객체 - 속성객체
Window_Console JS - window.console 객체 - 콘솔객체
DOM_Document JS - Document 객체 - 웹문서 객체의 속성/메서드 종류 (= document객체 = 다큐먼트객체)
DOM_Element JS - Element 객체 - 요소객체 (속성 + 메서드) 종류
DOM_Event JS - Event 종류 ★ - 이벤트부착 / 이벤트종류 / 이벤트속성 / 이벤트메서드
API_Geolocation JS - Geolocation - 지리위치객체종류
Window_History JS - window.history 객체 정의 + 히스토리 객체의 (속성/메서드) 종류
DOM_HTMLCollection JS - HTMLCollection 객체 (속성 + 메서드) 종류
Window_Location JS - window.location 객체 - 위치 객체 (= window.location객체 = 윈도우로케…
Window_Navigator JS - window.navigator 객체 - 네비게이터 객체 (= window.navigator객체 = …
Window_Screen JS - window.screen 객체 - 스크린 객체 (= window.screen객체 = 윈도우스크린객체…
DOM_Style JS - CSS 스타일 속성값 반환 ★★ + style 객체의 속성 종류
Window_Object JS - window 객체 - 윈도우객체 (속성/메서드) 종류
API_Storage JS - Storage Object - 스토리지 객체 (※ 데이터 저장소)
Object JS - Object Constructor - 객체생성자종류 ★
Object JS - Object Prototypes - 객체프로토타입 (= 객체원형) ★
Object JS - object ECMAScript 5 - 객체혁명
22/67
목록
찾아주셔서 감사합니다. Since 2012