정규 표현식이란, 문자열에서 특정한 캐릭터 조합(character combination)을 찾아내기위한 패턴(pattern)입니다.
쉽게 문장에서 특정한 단어를 찾아내는 것이라고 생각하시면 될 것 같습니다
그렇기 때문에 정규 표현식 함수라고 불리는 것들은 대부분 문자열과 관련하여 특정 변수로 저장된 문자열 내에서 지정한 문자를 찾아내는 기능들을 수행합니다.
일반적으로 - 어느 랭귀지를 사용하던지 간에 - 정규 표현식을 구성하는 방법은 일반적인 문자열과 특정한 의미를 지니는 메타문자를 조합하는 것입니다.
JavaScript에서 정규 표현식은 1.2 버젼부터 사용가능하도록 추가되었습니다. 즉 그 이하버젼에서는 사용하지 못한다는 말이므로 아주 오래된 고려적 웹브라우저를 사용하시는 분들은 절대로 볼수가 없습니다. -_-;;
자바스크립트 객체부에서는 언급을 하지 않고 있지만, 정규표현식은 객체(objects)입니다.
정규 표현식의 패턴(pattern)은 object initializers(예, /abc/) 또는 RegExp constructor function(예, re = new RegExp("abc")로 표현할수 있습니다.
이러한 패턴들은 정규표현식의 exec, method 메소드(method)나 String 객체의 match, replace, search, split 메소드에서 함께 사용됩니다.
Regular Expression(정규 표현식) 생성
1. object initializers를 사용한 방법
re = /ab+c/
2. RegExp 객체의 constructor function를 사용한 방법
re = new RegExp("ab+c")
Regular Expression(정규 표현식) 쓰기
정규 표현식 패턴은 /abc/ 같은 단순한 캐릭터나 /ab*c/ ,/Chapter (\d+)\.\d*/ 와 같은 단순 캐릭터와 특별한 캐릭터의 조합으로 나타낼수 있습니다.
다음에 정규 표현식에 사용하는 특수 문자들에 대한 표를 나타내었지만, 이 외에도 상당히 많은 내용들이 있습니다.
타 사이트나 책을 참고로 하여 보시기 바랍니다.
정규 표현식에서 사용하는 Special characters
|
Character |
의미 |
|
\ |
\ 다음에 나오는 특수 문자를 문자열로 인식 |
|
^ |
라인의 처음과 패턴과 매치 가령, ^A 라고 써주면 검색하고자 하는 문장의 시작문자가 A인지를 검사하는 것입니다. |
|
$ |
라인의 끝과 패턴과 매치 가령, ^A 라고 써주면 검색하고자 하는 문장의 마지막문자가 A인지를 검사하는 것입니다. |
|
* |
0개 이상의 문자와 매치(모든것이라는 의미) |
|
+ |
1개 이상의 문자와 매치, {1,}와 같은 의미임. |
|
? |
0 또는 1개의 문자 의미. |
|
. |
1개의 문자와 일치 |
|
() |
한번 match를 수행해서 나온 결과를 기억함. |
|
| |
OR |
|
{n} |
정확히 n개의 문자 |
|
{n,} |
n개 이상의 문자 |
|
{n,m} |
n이상 m이하의 문자 |
|
[xyz] |
문자들의 set를 의미. 가령, [a-z]라면 a부터 z까지의 모든 문자와 매치하는 것으로 []안의 -는 범위를 나타냅니다. |
|
[^xyz] |
네가티브(-) 캐릭터 셋 |
|
[\b] |
백스페이스와 매치 |
|
\b |
단어의 시작 또는 끝에서 빈 문자열과 매치 |
|
\B |
단어의 시작 또는 끝이 아닌 곳에서의 빈 문자열과 매치 |
|
\cX |
control 문자와 매치 |
|
\d |
0부터 9까지의 아라비아 숫자와 매치. [0-9]과 같은 의미 |
|
\f |
form-feed와 매치 |
|
\n |
linefeed와 매치 |
|
\r |
캐리지 리턴과 매치 |
|
\s |
화이트스페이스 문자와 매치. [ \t\n\r\f\v]과 같은 의미 |
|
\S |
\s가 아닌 문자들과 매치. [^ \t\n\r\f\v]과 같은 의미 |
|
\t |
탭 의미 |
|
\v |
수직 탭 의미 |
|
\w |
w는 문자가 아닌 0, 1, 2, 3 ... 등과 같은 숫자를 의미 |
|
\W |
W는 문자가 아닌 요소, 즉 % 등과 같은 특수 문자를 의미함 |
|
\n |
n은 마지막 일치하는 문장 |
|
\ooctal |
8(octal)진수, 10(hex)진수 값 |
Regular Expression(정규 표현식)과 함께 사용하는 함수들
|
exec |
문장에서 매치를 위해 검색을 수행하는 정규 표현식 메소드 |
|
test |
문장에서 매치를 위해 테스트하는 정규표현식 메소드 |
|
match |
문장에서 매치를 위해 검색을 수행하는 string 메소드 |
|
search |
문장에서 매치를 위해 테스트하는 string 메소드 |
|
replace |
문장에서 매치를 위해 검색을 실행하고 문장을 대체하는 String 메소드 |
|
split |
문장에서 매치하는 부분을 배열에 할당하는 String 메소드 |
이와 같은 정규 표현 식들의 실행 결과는 예제의 테스트를 통해 확인해 보도록 하십시요.
<SCRIPT LANGUAGE="JavaScript1.2"> myRe=/d(b+)d/g;myArray = myRe.exec("cdbbdbsbz");document.writeln("The value of lastIndex is " + myRe.lastIndex);</SCRIPT> |
| <SCRIPT LANGUAGE="JavaScript1.2">myArray = /d(b+)d/g.exec("cdbbdbsbz");document.writeln("The value of lastIndex is " + /d(b+)d/g.lastIndex); </SCRIPT> |
| <SCRIPT LANGUAGE="JavaScript1.2">re = /(\w+)\s(\w+)/;str = "John Smith";newstr = str.replace(re, "$2, $1");document.write(newstr) </SCRIPT> |
| <SCRIPT LANGUAGE="JavaScript1.2">function getInfo(){re = /(\w+)\s(\d+)/re.exec();window.alert(RegExp.$1 + ", your age is " + RegExp.$2);} </SCRIPT> <BODY> Enter your first name and your age, and then press Enter.<FORM><INPUT TYPE="text" NAME="NameAge" onChange="getInfo(this);"></FORM></BODY> |
| <SCRIPT LANGUAGE="JavaScript1.2"> // The name string contains multiple spaces and tabs, // Split the string into array elements.
// Break the string into pieces separated by the pattern above and and store the pieces in an array called nameList // new pattern: one or more characters then spaces then characters.
// New array for holding names being processed.
// Display the name array and populate the new array
// Display the new array.
// Sort by last name, then display the sorted array.
|
