러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

348

러닝 자바스크립트

위 예제의 파이프(|)는 대체를 뜻하는 메타 문자입니다.

ig

는 대소문자를 가리지 않고 (

i

) 전

체를 (

g

) 검색하라는 뜻입니다.

g

플래그가 없으면 일치하는 것 중 첫 번째만 반환합니다. 즉,

위의 정규식을 풀어 읽으면 ‘텍스트에서

area

,

a

,

link

,

script

,

source

를 대소문자를 가리

지 않고 모두 찾으라’라는 뜻입니다. 그런데

area

를

a

보다 먼저 쓴 이유는 무엇일까요? 그건 정

규식이 왼쪽에서 오른쪽으로 평가하기 때문입니다.

a

를

area

보다 먼저 썼다면, 텍스트 안에

area

가 있더라도

a

를 먼저 소비하므로 남는

rea

는 어느 것에도 일치하지 않습니다. 따라서 이

렇게 겹치는 것이 있을 때는 더 큰 것을 먼저 써야 합니다. 작은 것을 먼저 쓰면 큰 것은 절대

찾을 수 없습니다.

이 예제를 실행하면 의도하지 않은 것들이 많이 나옵니다.

<

a

>

안의

link

도 나오고,

HTML

태그가 아닌

a

도 나옵니다.

<

는 정규식 메타 문자가 아니므로

/<

area

|

<

a

|

<

link

|

<

script

|

<

source

/

을 써서 해결할 수도 있지만, 더 좋은 방법이 있습니다.

17.7

HTML

찾기

이전 예제에서는

HTML

태그를 찾았는데, 이건 정규식으로 매우 자주 하는 일 중 하나입니다.

자주 하는 일이긴 하지만 반드시 짚고 넘어가야 ...