[Javascript] Regular Expression

정규 표현식은 문자열의 패턴을 검사할 때 사용!

B.1 정규 표현식 객체

- 기본 내장 객체 중 하나

정규 표현식 객체는 아래의 두 가지 방법으로 생성할 수 있다

코드 B-1 정규 표현식 객체 생성

---

<script>

var regExp1 = new RegExp('text');

var regExp2 = /text;

</script>

표 B-1 정규 표현식 객체의 메서드

---

메서드 이름        설명

test()                정규 표현식과 일치하는 문자열이 있으면 true, 아니면 false를 리턴

exec()               정규 표현식과 일치하는 문자열을 리턴

코드 B-2 정규 표현식의 메서드

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript">          // 변수 선언     var regExp = /script/;     var string = 'Javascript jQuery Ajax';       // 메서드 사용     var output = regExp.test(string);       // 출력     alert(output);   </script>

cs

표 B-2 정규 표현식을 사용하는 String 객체의 메서드

---

메서드 이름                            설명

match(regExp)                          정규 표현식과 일치하는 부분을 리턴

replace(regExp, replacement)       정규 표현식과 일치하는 부분을 새로운 문자열로 바꿈

search(regExp)                         정규 표현식과 일치하는 부분의 위치를 리턴

split(regExp)                            정규 표현식을 기준으로 문자열을 잘라 배열을 리턴

코드 B-3 정규 표현식을 사용하는 String 객체의 메서드

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript">          // 변수 선언     var regExp = /script/;     var string = 'Javascript jQuery Ajax';       // 메서드 사용     var output = string.split(regExp);       // 출력     alert(output);   </script>

cs

그렇다면 정규 표현식이 문자열과 무엇이 다른가?

B.2 대체 문자

정규 표현식을 사용하면 문자열 객체의 replace() 메서드를 사용할 때 표 B-3의 대체 문자를 사용할 수 있다!

표 B-3 대체 문자

---

정규 표현식 기호           설명

$&                            일치하는 문자열

$`                               일치하는 부분의 앞부분 문자열

$'                                일치하는 부분의 뒷부분 문자열

$1, $2, $3                    그룹

코드 B-4 대체 문자의 사용 1

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript">          // 변수 선언     var regExp = /a/;     var string = 'Javascript jQuery Ajax';       // 메서드 사용     var output = string.replace(regExp, '+$&');       // 출력     alert(output);   </script> Colored by Color Scripter

cs

// 메서드 사용
var output = string.replace(regExp, function (value) {
    return '+' + value + '+';
});