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

359

17

장

정규표현식

let

html

= '<

a

class

="

yep

"

href

= "/

yep

"

id

="

nope

">

Yep

</

a

> ';

html

=

html

.

replace

(/<

a

.*?(

class

= ".*?").*?(

href

= ".*?").*?> /, '<

a

$

2

$

1

> ');

이 정규식에서는

class

와

href

의 순서를 바꾸므로 결과 문자열에서는

href

가 앞에 옵니다. 이

정규식은

class

뒤에

href

이 있어야만 동작하고, 앞에서와 마찬가지로 속성 값에 작은따옴표

를 쓰면 동작하지 않습니다. 다음 섹션에서 더 좋은 방법을 알아볼 겁니다.

$

1

,

$

2

등 숫자로 참조하는 것 외에도 일치하는 것 앞에 있는 전부를 참조하는

$

`

, 일치하는 것

자체인

$&

, 일치하는 것 뒤에 있는 전부를 참조하는

$

'

도 있습니다. 달러 기호 자체가 필요할

때는

$$

를 씁니다.

const

input

= "

One

two

three

";

input

.

replace

(/

two

/, '($`)'); // "

One

(

One

)

three

"

input

.

replace

(/

two

/, '($&)'); // "

One

(

two

)

three

"

input

.

replace

(/

two

/, "($')"); // "

One

(

three

)

three

"

input

.

replace

(/

two

/, "($$)"); // ...