목차
RegExp 정의 RegExp 구문 RegExp Modifiers (= 한정어/수정자) RegExp Brackets (= 괄호) RegExp Metacharacters (= 메타문자) RegExp Quantifiers (= 수량자) RegExp Object Properties (= 객체 속성) RegExp Object Methods (= 객체 메서드) RegExp 중요 문자열 메서드 2개 search() 메서드 - 문자열위치찾기 replace() 메서드 - 문자열대체 RegExp 메서드 종류
RegExp 정의
1.
장점: 간단한 기호 코드 몇 줄로 강력한 기능 수행.
단점: 가독성이 안 좋음. (∵ 주석이나 공백 비허용. 여러가지 기호 사용) 그 결과, 협업에 불리.
2. 더 자세히 공부할 분은 여기 참고
RegExp 구문
/ 패턴/ 한정어;
[코드 해석]
/ : 시작 및 종료기호 (다른 기호도 가능. 단, 시작 및 종료 기호는 동일해야 함.)패턴 (pattern) : 찾을 문자열 패턴한정어 (modifiers)
[예제]
var patt = /Homzzang /i
※ Homzzang 문자열 패턴을 대소문자 구별 않고 변수 patt에 할당.
RegExp Modifiers (= 수정자/한정어)
※ 수정자 사용 시, 대소문자 구분 않거나 전역검색 수행 가능.
i : (I gnore Case) - 대소문자 구별 않고 검색.g : (G lobal) - 문자열 내 일치하는 모든 패턴 검색. m : (M ulti Line) - 문자열이 여러 행 에 걸쳐 나눠 있어도 검색.
PS. 수정자 사용 주의사항
소문자로 표기. 사용 여부는 선택사항. (※ 사용 안 하면, 일치 첫 번째 것만 반환.)
RegExp Brackets (= 괄호)
※ 괄호는 문자 범위 찾는데 사용.
[abc ] - 대괄호 안 각각의 문자 찾기 (예: a,b,c 찾기)
[^abc ] - 대괄호 안에 없는 문자(예: a,b,c 외의 모든 문자 찾기)
[0-9] - 대괄호 안 각각의 문자 찾기 (예: 모든 숫자 찾기)
[^0-9] - 대괄호 안에 없는 문자 찾기(예: 숫자 아닌 것들 찾기)
(x|y) - 지정된 대안을 찾기 (예: x나 y 찾기)
RegExp Metacharacters (= 메타문자)
※ 메타문자는 특별한 의미 갖는 문자 의미.
. - 개행 또는 줄 종결자를 제외한 단일 문자 찾기
\w - 단어 문자 찾기
\W - 단어가 아닌 문자 찾기
\d - 숫자 찾기
\D - 숫자가 아닌 문자 찾기
\s - 공백 문자 찾기
\S - 공백이 아닌 문자 찾기
\b - 단어 시작/끝에서 일치 항목 찾기 (예: 시작 - \bHI, 끝 - HI\b)
\B - 단어 시작/끝 아닌 일치 항목 찾기
\0 - NULL 문자 찾기
\n - 새 줄 문자 찾기
\f - 폼 피드 문자 찾기
\r - 캐리지 리턴 문자 찾기
\t - 탭 문자 찾기
\v - 세로 탭 문자 찾기
\xxx - 8진수 xxx 로 지정된 문자 찾기
\xdd - 16진수 dd 로 지정된 문자 찾기
\udddd - 16진수 dddd 로 지정된 유니코드 문자 찾기
RegExp Quantifiers (= 수량자)
n+ - 적어도 하나의 n을 포함하는 모든 문자열과 일치
n* - n이 0개 이상 포함된 모든 문자열과 일치.
n? - 0 또는 1번의 n이 포함된 모든 문자열과 일치.
n{X} - X n의 시퀀스를 포함하는 모든 문자열과 일치
n{X,Y} - X에서 Y n까지의 시퀀스를 포함하는 모든 문자열과 일치
n{X,} - 최소한 X n의 시퀀스를 포함하는 모든 문자열과 일치.
n$ - 끝에 n이 있는 모든 문자열과 일치
^n - 시작 부분에 n이 있는 모든 문자열과 일치
?=n - 뒤에 특정 문자열 n이 오는 모든 문자열과 일치.
?!n - 뒤에 특정 문자열 n이 오지 않는 모든 문자열과 일치.
RegExp Object Properties (= 객체 속성)
RegExp Object Methods (= 객체 메서드)
RegExp 중요 문자열 메서드 2개
search() replace()
search() 메서드 - 문자열위치찾기
[단순 문자열 검색 - 위치 반환]
<p id="hz"></p>
<script>
var str = "Welcome to Homzzang .com";
var n = str.search("Homzzang"
document.getElementById("hz").innerHTML = n;
</script>
결과보기
[정규표현식 검색 - 위치 반환]
<p id="hz"></p>
<script>
var str = "Welcome to Homzzang .com";
var n = str.search(/homzzang/i
document.getElementById("hz").innerHTML = n;
</script>
결과보기
replace() 메서드 - 문자열대체
[단순 문자열 검색 - 문자열 대체]
<p id="hz">Welcome to Homzzang </p>
<script>
function test() {
var str = document.getElementById("hz").innerHTML;
var txt = str.replace ("Homzzang" ,"(홈짱닷컴 Homzzang.com)"
document.getElementById("hz").innerHTML = txt;
}
</script>
결과 보기
[정규표현식 검색 - 문자열 대체]
<button onclick="test()">문자열 변경하기</button>
<p id="hz">Welcome to Homzzang </p>
<script>
function test() {
var str = document.getElementById("hz").innerHTML;
var txt = str.replace (/homzzang/i ,"(홈짱닷컴 Homzzang.com)"
document.getElementById("hz").innerHTML = txt;
}
</script>
결과 보기
RegExp 메서드 종류
RegExp.prototype.exec() RegExp.prototype.test() String.prototype.match() String.prototype.replace() String.prototype.search() String.prototype.split()
