웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

자바스크립트 정규표현식 그룹 지정 및 반환하기 배우기

Created : 2017-08-03
3,235
View Count
정규표현식을 사용하여 그룹을 지정하거나 그룹된 문자열을 가져오는 방법에 대하여 알아봅니다.

그룹을 지정하고 반환하여 사용하는 것은 정규표현식 중에서도 매우 편리한 방법 중 하나입니다.


# 정규표현식 그룹지정 예제보기

만약 webisfree라는 문자열이 있는 경우 is를 기준으로 앞의 web 그리고 뒤의 free의 위치를 서로 바꿔보겠습니다. 이 경우 해당 문자열에 그룹으로 지정하여 바꿀 수 있습니다.

var str = 'WebIsFree';
var myRegexp = /(.*)Is(.*)/
var result = str.replace(myRegexp, '$2' + 'Is' + '$1');

console.log(result);

위 코드에서 그룹 지정시 () 소괄호를 사용하며 이를 반환받을시 $1, $2 .. 처럼 사용합니다. 위 코드의 실행 결과는 아래처럼 나타납니다.

FreeIsWeb

이제 앞과 뒤의 그룹이 바뀌었습니다.

Previous

ECMA Script 2015, ES6에서 class를 사용하여 클래스 선언하기

Previous

자바스크립트 줄바꿈 br 태그 또는 br 태그 줄바꿈으로 바꾸기