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

[RegExp] JS - [^abc] 의미 - 대괄호 안 문자 제외 (= 대괄호안 꺽쇠 정규표현식) ★ 소문자만 추출

목차
  1. [^abc] 예제 - 대괄호 안 문자에 해당 않는 문자만 출력
  2. [^abc] 정의
  3. [^abc] 구문
  4. [^abc] 예제 - 소문자만 추출

 

[^abc] 예제 - 대괄호 안 문자에 해당 않는 문자만 출력 

 

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


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


<script>

function test() {

    var str = "Homzzang.com is a best homepage.?";

    var patt = /[^hom]/g; 

    var result = str.match(patt);

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

}

</script>


결과 보기

결과값: H,z,z,a,n,g,.,c, ,i,s, ,a, ,b,e,s,t, ,e,p,a,g,e,.,? 

 

[^abc] 정의


대괄호안에 포함 안 된 모든 각 개별 문자 찾기.

 



1.

대괄호 안 문자는 임의의 문자 또는 문자 범위 일 수 있음.


[abcde ..] - 대괄호 안의 모든 문자

[AZ] - 대문자 A에서 대문자 Z까지의 모든 문자

[az] - 소문자 a에서 소문자 z까지의 모든 문자

[Az] - 대문자 A에서 소문자 z까지의 모든 문자


cf.
^기호가 대괄호 밖에 있을 땐 - 행의 시작 부분 의미
^ 기호가 대괄호 안에 있을 땐 - 대괄호 포함 문자 제외 의미

2.
모든 주요 브라우저 지원

 

 

[^abc] 구문

[한정어 없는 경우]

 

new RegExp("[^abc]")

또는

/[^abc]/

 


[한정어 있는 경우]

 

new RegExp("[^abc]", "g")
또는
/[^abc]/g

 

 

[^abc] 예제 - 소문자만 추출

 

<script>

var str = "dfDASs09)(_(_)(FSFdsf0)(_(_)";

const pat = /[^a-z]/g; // 소문자 아닌 것들

 

var result = str.replace(pat, ""); // 소문자 아닌 것들 제거

document.write("소문자: " + result); // dfsdsf

</script>

 

결과보기

평정심 님 (210822) https://sir.kr/qa/427357



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