정규식(정규표현식|Regular Expressions) 잘정리됨 > script

정규 표현식은 문자열에서 문자 결합을 일치시키는데 사용되는 패턴이다. JavaScript에서, 정규 표현식은 또한 객체이다. 이들 패턴들은 RegExp의 exec와 test 메소드들, 그리고 String의 match, replace, search, split 메소드들과 함께 사용된다. 이 章은 자바스크립 정규 표현식(JavaScript regular expressions)을 설명한다

JavaScript 1.1과 이전 버전.

정규 표현식은 JavaScript 1.1과 그 이전 버전에서는 사용할 수 없다.

정규 표현식 생성

(Creating a Regular Expression)

정규 표현식은 두 방법 중 하나를 사용하면 생성된다:

정규 표현식 패턴 표현

(Writing a Regular Expression Pattern)

정규 표현식 패턴은 /abc/와 같은 단순 문자나 /ab*c/ 또는 /Chapter (d+).d*/와 같은 특수 문자의 조합으로 구성된다. 마지막 예는 괄호를 포함하고 있는데, 이는 마치 기억 장치처럼 사용된다. 패턴의 이 부분과의 일치는, 64 페이지의 "Using Parenthesized Substring Matches"에서 설명되고 있는 것처럼 후에 사용되기 위해 기억된다

단순 패턴(Simple Patterns) 사용하기

단순 패턴은 찾고자 하는 직접적인 일치의 문자들로 구성된다. 예컨대, /abc/ 패턴은 오로지 문자들 'abc'가 순서있게 정확히 발생하는 문자열 안의 문자 조합과 일치한다. 이 일치는 문자열 "Hi, do you know your abc's?"과 "The latest airplane designs evolved from slabcraft"에서 성공적이다. 이들 두 경우는 substring인 'abc'와 일치한다. substring인 'abc'를 포함하지 않으므로 문자열 "Grab crab"에서는 일치가 없다.

특수 문자(Special Characters) 사용하기

직접적인 일치보다 많은 어떤 것을 요구하는 일치 검색시, 하나 또는 그 이상의 'b' 또는 공백(whitespace) 찾기처럼, 패턴은 특수 문자를 포함한다. 예컨대 패턴 /ab*c/는 0회 또는 그 이상의 'b'가 뒤따르고 (*는 선행 문자가 0 또는 그 이상의 발생을 의미한다) 'c'가 그 바로 뒤를 따르는 단일 'a'가 있는 어떤 문자 조합과 일치한다. "cbbabbbbcdebc" 문자열에서 이 패턴은 substring으로는 'abbbbc'와 일치한다.

다음 표는 정규 표현식에서 사용될 수 있는 특수 문자들의 완전한 리스트와 설명을 제공한다.

삽입어구(Parentheses) 사용하기

정규 표현식 패턴의 어느 부분을 둘러싸는 삽입어구는 일치된 substring의 그 부분을 기억되게 하는 원인이 된다. 한번 기억되면 그 substring은, 64 페이지의 "Using Parenthesized Substring Matches"에서 설명고 있는 것처럼, 다른 용도로 재 호출될 수 있다.

예컨대, 패턴 /Chapter (d+).d*/은 이스케이프되어 특수하게 된 문자를 추가 삽입하여 기억되어야 할 그 부분을 가리킨다. 이는 규칙대로 정확히 문자들인 'Chapter '와 일치하는데, 이 문자들 뒤를 하나 또는 그 이상의 수치 문자(d는 수치문자를 의미하고 +는 1 또는 그 이상의 회를 의미한다)가 뒤따르고, 소수점(이는 그 자체에서는 특수문자이다; 반드시 리터럴 문자 '.'를 찾아야 하는 패턴을 의미하는 를 가진 소수점을 우선하고 있으므로)이 뒤따르며, 0 또는 그 이상의 회의 수치 문자(d는 수치 문자를 의미하고, *는 0 또는 그 이상의 회를 의미한다)가 뒤따른다. 추가하여, 삽입어구들은 처음으로 일치된 수치문자를 기억하는데 사용되고 있다.

이 패턴은 "Open Chapter 4.3, paragraph 6"에서 발견되고 '4'가 기억된다. 이 패턴은 "Chapter 3 and 4"에서 발견되지 않는데, 문자열이 '3' 뒤에 종지부를 가지고 있지 않기 때문이다.

정규 표현식 사용

(Working With Regular Expressions)

문자열에서 패턴의 발견여부를 확인하고자 할 경우, test 또는 search를 사용하라;

더 많은 정보를 얻고자 한다면(실행속도는 느리다) exec 또는 match 메소드를 사용하라.

exec 또는 match를 사용하여 일치가 성공하면, 이들 메소드들은 배열을 반환하고 관련한 정규 표현식 객체와 사전 정의된 정규 표현식 객체인 RegExp의 특성들을 업데이트한다.

일치가 실패하면, exec 메소드는 null(이는 false로 전환한다)을 반환한다.

다음 예에서, 스크립은 문자열에서 일치를 찾기 위해 exec 메소드들 사용하고 있다.

정규 표현식의 특성들에 접근할 필요가 없을 경우, myArray 생성의 대체 방법은 다음 스크립이다:

정규 표현식을 재 컴파일하기를 원할 경우, 또 다른 선택은 다음 스크립이다:

이들 스크립을 사용하면, 일치는 성공하여 배열을 반환하고 아래 표에 보여지고 있는 특성들을 업데이트한다.

RegExp.leftContext와 RegExp.rightContext은 또 다른 값들로 부터 계산될 수 있다.

 RegExp.leftContext은 다음과 동등하다:

myArray.input.substring(0, myArray.index)

그리고 RegExp.rightContext은 다음과 동등하다:

myArray.input.substring(myArray.index + myArray[0].length)

이 예의 두번째 양식에서 보여지는 것처럼, 변수에 할당하지 않고 객체 initializer로 생성된 정규 표현식을 사용할 수 있다. 하지만 이렇게 할 경우 매번 새로운 정규 표현이 발생한다. 이러한 이유로 변수에 할당하지 않고 이 양식을 사용하면 해당 정규 표현에 연속적으로 접근할 수 없다. 예컨대, 다음 스크립을 가정하자:

이 스크립이 디스플레이하는 것은:

The value of lastIndex is 5

하지만 다음 스크립의 경우:

<SCRIPT LANGUAGE="JavaScript1.2">
myArray = /d(b+)d/g.exec("cdbbdbsbz");
document.writeln("The value of lastIndex is " + /d(b+)d/g.lastIndex);
</SCRIPT>

이의 디스플레이는:

The value of lastIndex is 0

위 두 문장에 있는 /d(b+)d/g의 발생은 서로 다른 정규 표현 객체들이므로 그들의 lastIndex 특성에 있어 다른 값들을 가진다. 객체 initializer로 생성된 정규 표현의 특성들에 접근하려면, 먼저 이를 변수에 할당해야 한다.

삽입된 Substring 일치 사용하기

(Using Parenthesized Substring Matches)

정규 표현 패턴에 삽입어구들을 포함시키면 일치하는 submatch가 기억된다. 예컨대, /a(b)c/는 문자들 'abc'와 일치하고 'b'를 기억한다. 삽입된 이들 substring 일치를 재호출하려면, RegExp 특성들 $1, ..., $9 또는 Array 요소들 [1], ..., [n]를 사용한다.

substring의 삽입 가능 수는 무제한이다. 사전 정의된 RegExp는 마지막 9까지 유지하고 반환된 배열은 발견된 모든 것을 유지한다. 다음 예는 삽입된 substring 일치의 사용 방법을 설명하고 있다.

Example 1.

아래 스크립은 replace 메소드를 사용하여 문자열에서 단어들을 변경 연결한다. 텍스트를 재 배치하기 위해 스크립은 $1와 $2 특성들 값을 사용한다.

프린트 결과는 "Smith, John".

Example 2.

아래 예에서, RegExp.input는 변경의 이벤트에 의해 설정된다. getInfo 함수에서, exec 메소드는 RegExp.input의 값을 그 인수로 사용한다. RegExp는 자신의 $ 특성들로 가장되어 있어야 함에 주의하라(이들은 재배치 문자열 외부에 나타나기 때문이다). (Example 3은 더욱 비밀스럽기는 하지만, 동일한 것을 성취함에 있어 훨씬 효율적이다)

Example 3.

다음예는 Example 2와 유사하다. 이 예는 RegExp.$1와 RegExp.$2 대신 배열을 생성하여 a[1]와 a[2]를 사용한다. 이는 또한 exec 메소드의 손쉬운 사용 방법이다.

입력 문자열에서 순서 변경하기(Changing the Order in an Input String)

정규 표현식은 zero 또는 하나의 열린 삽입어구 (?, 3 개의 아라비아 숫자 d{3}가 뒤따르고,
zero 또는 하나의 닫힌 삽입어구 가 뒤따르는)?를 찾으며, 뒤를 하나의 dash, forward slash,
또는 십진수가 뒤따르며, 발견되면 문자 ([-/.])를 기억하며, 뒤를 3 개의 아라비아 숫자 d{3}가
뒤따르고, dash, forward slash, 또는 십진수 1로 일치된 기억이 뒤따르며,
4 개의 아라비아 숫자 d{4}가 뒤를 잇고 있다.

사용자가 Enter를 누름으로써 활성화된 변경 이벤트는 RegExp.input의 값을 설정한다.