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

[RegExp] JS - m 수정자 - 여러줄 검사 (= 다중행검사) (= m수정자 = 엠수정자)

m 예제

 

<button onclick="test()">결과보기</button>


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


<script>

function test() {

    var str = "\nHomzzang.com is a best \nhomepage.";

    var patt = /^hom/m;

    var result = str.match(patt);

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

}

</script>


결과 보기

각 라인의 시작 부분에서 소문자 hom 문자열이 있는지 여러 줄 (= 다중 행) 검사 

 

 

한정어 m 정의 및 사용법


1.
다중 행 검사 (= 여러 줄 검사) 수행

2.
문자열의 시작과 끝이 아닌, \n 또는 \r로 구분된 각 행의 시작과 끝을 검사.
※ 각 행의 시작 부분 (^ 기호 사용)
※ 각 행의 부분 ($ 기호 사용)

3.
한정어 m은 대소문자 구분

4.
첫 번째 일치 후에 검색을 중지

5.
대 / 소문자를 구분 (한정어 i)
전역 검색 수행 (= 일치하는 모든 걸 검색) (한정어 g)

6.
m 수정자가 설정돼 있는지 여부 판별하려면 multiline 속성을 사용. 자세히 보기

 

 

 

 

한정어 m 구문


방법1

new RegExp("패턴", "m")


방법2

/패턴/m

 

 

 

 

한정어 i, m, g 혼용

 

/^homzzang/m - 대소문자 구별해서 여러 줄의 시작 부분 검사 후, 일치하는 첫 번째 것만 반환
/^homzzang/mg - 대소문자 구별해서 여러 줄의 시작 부분 검사 후. 일치하는 모든 것을 반환
/^homzzang/img - 대소문자  구별안하고 여러 줄의 시작부분 검사 후, 일치하는 모든 것을 반환

/homzzang$/m - 대소문자 구별해서 여러 줄의 끝 부분 검사 후, 일치하는 첫 번째 것만 반환
/homzzang$/mg - 대소문자 구별해서 여러 줄의 끝 부분 검사 후. 일치하는 모든 것을 반환
/homzzang$/img - 대소문자  구별안하고 여러 줄의 끝 부분 검사 후, 일치하는 모든 것을 반환

 



분류 제목
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