---
title: RegExp
slug: Web/JavaScript/Reference/Global_Objects/RegExp
tags:
- Constructor
- JavaScript
- Reference
- RegExp
- 정규 표현식
- 정규식
translation_of: Web/JavaScript/Reference/Global_Objects/RegExp
---
<div>{{JSRef}}</div>
<p><strong><code>RegExp</code></strong> 생성자는 패턴을 사용해 텍스트를 판별할 때 사용합니다.</p>
<p>정규 표현식에 대한 소개는 <a href="/ko/docs/Web/JavaScript/Guide/Regular_Expressions">JavaScript 안내서의 정규 표현식 장</a>을 참고하세요.</p>
<h2 id="설명">설명</h2>
<h3 id="리터럴_표기법과_생성자">리터럴 표기법과 생성자</h3>
<p><code>RegExp</code> 객체는 리터럴 표기법과 생성자로써 생성할 수 있습니다.</p>
<ul>
<li><strong>리터럴 표기법</strong>의 매개변수는 두 빗금으로 감싸야 하며 따옴표를 사용하지 않습니다.</li>
<li><strong>생성자 함수</strong>의 매개변수는 빗금으로 감싸지 않으나 따옴표를 사용합니다.</li>
</ul>
<p>다음의 세 표현식은 모두 같은 정규 표현식을 생성합니다.</p>
<pre class="brush: js ">/ab+c/i
new RegExp(/ab+c/, 'i') // 리터럴
new RegExp('ab+c', 'i') // 생성자
</pre>
<p>리터럴 표기법은 표현식을 평가할 때 정규 표현식을 컴파일합니다. 정규 표현식이 변하지 않으면 리터럴 표기법을 사용하세요. 예를 들어, 반복문 안에서 사용할 정규 표현식을 리터럴 표기법으로 생성하면 정규 표현식을 매번 다시 컴파일하지 않습니다.</p>
<p>정규 표현식 객체의 생성자(<code>new RegExp('ab+c')</code>)를 사용하면 정규 표현식이 런타임에 컴파일됩니다. 패턴이 변할 가능성이 있거나, 사용자 입력과 같이 알 수 없는 외부 소스에서 가져오는 정규 표현식의 경우 생성자 함수를 사용하세요.</p>
<h3 id="생성자의_플래그">생성자의 플래그</h3>
<p>ECMAScript 6부터는 <code>new RegExp(/ab+c/, 'i')</code>처럼, 첫 매개변수가 <code>RegExp</code>이면서 <code>flags</code>를 지정해도 {{jsxref("TypeError")}} (<code>"can't supply flags when constructing one RegExp from another"</code>)가 발생하지 않고, 매개변수로부터 새로운 정규 표현식을 생성합니다.</p>
<p>생성자 함수를 사용할 경우 보통의 문자열 이스케이프 규칙(특수 문자를 문자열에 사용할 때 앞에 역빗금(<code>\</code>)을 붙이는 것)을 준수해야 합니다.</p>
<p>예를 들어 다음 두 줄은 동일한 정규 표현식을 생성합니다.</p>
<pre class="brush: js ">let re = /\w+/
let re = new RegExp('\\w+')</pre>
<h3 id="Perl_형태의_RegExp_속성">Perl 형태의 <code>RegExp</code> 속성</h3>
<p>일부 {{JSxRef("RegExp")}} 속성은 같은 값에 대해 긴 이름과 짧은 (Perl 형태의) 이름 모두 가지고 있습니다. (Perl은 JavaScript가 정규 표현식을 만들 때 참고한 프로그래밍 언어입니다.)<a href="/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features#RegExp_Properties"> 사용하지 않는 <code>RegExp</code> 속성</a>을 참고하세요.</p>
<h2 id="생성자">생성자</h2>
<dl>
<dt>{{jsxref("RegExp/RegExp", "RegExp()")}}</dt>
<dd>새로운 <code>RegExp</code> 객체를 생성합니다.</dd>
</dl>
<h2 id="정적_속성">정적 속성</h2>
<dl>
<dt>{{jsxref("RegExp.@@species", "get RegExp[@@species]")}}</dt>
<dd>파생 객체를 생성할 때 사용하는 생성자입니다.</dd>
<dt>{{jsxref("RegExp.lastIndex")}}</dt>
<dd>다음 판별을 시작할 인덱스입니다.</dd>
</dl>
<h2 id="인스턴스_속성">인스턴스 속성</h2>
<dl>
<dt>{{JSxRef("RegExp.prototype.flags")}}</dt>
<dd><code>RegExp</code> 객체의 플래그를 담은 문자열입니다.</dd>
<dt>{{JSxRef("RegExp.prototype.dotAll")}}</dt>
<dd><code>.</code>이 줄 바꿈에 일치하는지 여부를 나타냅니다.</dd>
<dt>{{JSxRef("RegExp.prototype.global")}}</dt>
<dd>정규 표현식이 문자열 내에서 가능한 모든 경우에 일치하는지, 아니면 최초에 대해서만 일치하는지 나타냅니다.</dd>
<dt>{{JSxRef("RegExp.prototype.ignoreCase")}}</dt>
<dd>문자열의 대소문자를 구분하는지 나타냅니다.</dd>
<dt>{{JSxRef("RegExp.prototype.multiline")}}</dt>
<dd>여러 줄에 걸쳐 탐색할 것인지 나타냅니다.</dd>
<dt>{{JSxRef("RegExp.prototype.source")}}</dt>
<dd>패턴을 나타내는 문자열입니다.</dd>
<dt>{{JSxRef("RegExp.prototype.sticky")}}</dt>
<dd>검색이 접착(sticky)되어있는지 나타냅니다.</dd>
<dt>{{JSxRef("RegExp.prototype.unicode")}}</dt>
<dd>Unicode 기능의 활성화 여부입니다.</dd>
</dl>
<h2 id="인스턴스_메서드">인스턴스 메서드</h2>
<dl>
<dt>{{JSxRef("RegExp.prototype.compile()")}}</dt>
<dd>스크립트 실행 중 정규 표현식을 (다시) 컴파일합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.exec()")}}</dt>
<dd>문자열 매개변수에 대해 검색을 실행합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.test()")}}</dt>
<dd>문자열 매개변수에 대해 판별을 실행합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.toString()")}}</dt>
<dd>객체의 문자열 표현을 반환합니다. {{JSxRef("Object.prototype.toString()")}} 메서드를 재정의합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.@@match()", "RegExp.prototype[@@match]()")}}</dt>
<dd>주어진 문자열에 대해 일치하는 결과를 반환합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.@@matchAll()", "RegExp.prototype[@@matchAll]()")}}</dt>
<dd>주어진 문자열에 대해 일치하는 모든 결과를 반환합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.@@replace()", "RegExp.prototype[@@replace]()")}}</dt>
<dd>주어진 문자열 내의 일치를 새로운 문자열로 대치합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.@@search()", "RegExp.prototype[@@search]()")}}</dt>
<dd>주어진 문자열에 대해 일치하는 인덱스를 반환합니다.</dd>
<dt>{{JSxRef("RegExp.prototype.@@split()", "RegExp.prototype[@@split]()")}}</dt>
<dd>주어진 문자열을 분할해 배열로 반환합니다.</dd>
</dl>
<h2 id="예제">예제</h2>
<h3 id="정규_표현식을_사용해서_데이터_형식_바꾸기">정규 표현식을 사용해서 데이터 형식 바꾸기</h3>
<p>다음 스크립트에서는 {{jsxref("String")}} 객체의 {{jsxref("String.prototype.replace()", "replace()")}} 메서드를 사용하여 <em>이름 성씨</em> 형태의 이름을 <em>성씨, 이름</em> 형태 바꿔 반환합니다.</p>
<p>대치 문자열에는 <code>$1</code>과 <code>$2</code>를 사용하여 정규 표현식 패턴의 각 괄호에 일치한 결과를 받아옵니다.</p>
<pre class="brush: js ">let re = /(\w+)\s(\w+)/
let str = 'John Smith'
let newstr = str.replace(re, '$2, $1')
console.log(newstr)</pre>
<p>실행 결과는 <code>"Smith, John"</code>입니다.</p>
<h3 id="정규_표현식을_사용해서_여러_가지_줄_바꿈_문자가_있는_문자열_나누기">정규 표현식을 사용해서 여러 가지 줄 바꿈 문자가 있는 문자열 나누기</h3>
<p>기본 줄 바꿈 문자는 플랫폼(Unix, Windows 등)마다 다릅니다. 아래의 분할 스크립트는 모든 플랫폼의 줄 바꿈을 인식합니다.</p>
<pre class="brush: js ">let text = 'Some text\nAnd some more\r\nAnd yet\rThis is the end'
let lines = text.split(/\r\n|\r|\n/)
console.log(lines) // logs [ 'Some text', 'And some more', 'And yet', 'This is the end' ]</pre>
<p>정규 표현식 패턴의 순서를 바꾸면 작동하지 않을 수 있습니다.</p>
<h3 id="여러_줄에서_정규_표현식_사용하기">여러 줄에서 정규 표현식 사용하기</h3>
<pre class="brush: js ">let s = 'Please yes\nmake my day!'
s.match(/yes.*day/);
// Returns null
s.match(/yes[^]*day/);
// Returns ["yes\nmake my day"]</pre>
<h3 id="접착_플래그와_함께_사용하기">접착 플래그와 함께 사용하기</h3>
<p>{{JSxRef("Global_Objects/RegExp/sticky", "sticky")}} 플래그는 해당 정규 표현식이 접착 판별, 즉 {{jsxref("RegExp.prototype.lastIndex")}}에서 시작하는 일치만 확인하도록 할 수 있습니다.</p>
<pre class="brush: js ">let str = '#foo#'
let regex = /foo/y
regex.lastIndex = 1
regex.test(str) // true
regex.lastIndex = 5
regex.test(str) // false (lastIndex is taken into account with sticky flag)
regex.lastIndex // 0 (reset after match failure)</pre>
<h3 id="접착과_전역_플래그의_차이">접착과 전역 플래그의 차이</h3>
<p>접착 플래그 <code>y</code>의 일치는 정확히 <code>lastIndex</code> 위치에서만 발생할 수 있으나, 전역 플래그 <code>g</code>의 경우 <code>lastIndex</code> 또는 그 이후에서도 발생할 수 있습니다.</p>
<pre class="brush: js ">re = /\d/y;
while (r = re.exec("123 456")) console.log(r, "AND re.lastIndex", re.lastIndex);
// [ '1', index: 0, input: '123 456', groups: undefined ] AND re.lastIndex 1
// [ '2', index: 1, input: '123 456', groups: undefined ] AND re.lastIndex 2
// [ '3', index: 2, input: '123 456', groups: undefined ] AND re.lastIndex 3
// ... and no more match.</pre>
<p>전역 플래그 <code>g</code>를 사용했다면, 3개가 아니고 6개 숫자 모두 일치했을 것입니다.</p>
<h3 id="정규_표현식과_Unicode_문자">정규 표현식과 Unicode 문자</h3>
<p> <code>\w</code>와 <code>\W</code>는 <code>a</code>부터 <code>z</code>, <code>A</code>부터 <code>Z</code>, <code>0</code>부터 <code>9</code> <code>_</code> 등의 {{glossary("ASCII")}} 문자에만 일치합니다.</p>
<p>러시아어나 히브리어와 같은 다른 언어의 문자까지 일치하려면 <code>\uhhhh</code>(이때 hhhh는 해당 문자의 16진법 Unicode 값) 문법을 사용하세요. 아래 예제에서는 문자열에서 Unicode 문자를 추출합니다.</p>
<pre class="brush: js ">let text = 'Образец text на русском языке'
let regex = /[\u0400-\u04FF]+/g
let match = regex.exec(text)
console.log(match[0]) // logs 'Образец'
console.log(regex.lastIndex) // logs '7'
let match2 = regex.exec(text)
console.log(match2[0]) // logs 'на' [did not log 'text']
console.log(regex.lastIndex) // logs '15'
// and so on</pre>
<p><a href="/ko/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes">유니코드 속성 이스케이프</a> 기능을 사용해 <code>\p{scx=Cyrl}</code>과 같은 간단한 구문으로 이 문제를 해결할 수 있습니다.</p>
<h3 id="URL에서_서브도메인_추출하기">URL에서 서브도메인 추출하기</h3>
<pre class="brush: js ">let url = 'http://xxx.domain.com'
console.log(/[^.]+/.exec(url)[0].substr(7)) // logs 'xxx'</pre>
<div class="blockIndicator note">
<p>이 때는 정규표현식보단 <a href="/ko/docs/Web/API/URL_API">URL API</a>를 통해 브라우저에 내장된 URL 구문 분석기를 사용하는 것이 좋습니다.</p>
</div>
<h2 id="명세">명세</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">명세</th>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-regexp-regular-expression-objects', 'RegExp')}}</td>
</tr>
</tbody>
</table>
<h2 id="브라우저_호환성">브라우저 호환성</h2>
<div>{{Compat("javascript.builtins.RegExp")}}</div>
<h2 id="같이_보기">같이 보기</h2>
<ul>
<li><a href="/ko/docs/Web/JavaScript/Guide/Regular_Expressions">JavaScript 안내서의 정규 표현식 장</a></li>
<li>{{jsxref("String.prototype.match()")}}</li>
<li>{{jsxref("String.prototype.replace()")}}</li>
</ul>