자바스크립트 문자열 정규식 기본 문법 시작 사용

자바스크립트에서 문자열을 다루기 위해 정규식을 사용한다. 정규식의 구문은 어렵지 않다. 패턴과 플래그로 문자열을 검색하고 가공한다. 패턴은 문자열을 탐색하기 위한 정규식이며, 플래그는 패턴이 동작하는 방법을 설정한다. 기본구문은 어렵지 않지만, 패턴을 만드는 방법은 많다.

자바스크립트 문자열 정규식
기본 문법 시작 사용

자바스크립트에서 정규식은 문자열을 검색하기 위한 패턴을 만들어 반복할 수 있도록 한다.

정규식 자체가 반복자 ( iterator ) 라고 하며 패턴으로 지정된 문자열을 기준으로 자바스크립트는 탐색을 한다.

문자열 처리시 꽤 유용한데 가장 많이 사용되는 정규식은 html 태그를 모두 없애는 것일 것이다.

이전에 정규식에 대한 간단한 내용을 정리한 바 있다.

자바스크립트 정규표현식 사용 Regular Expression 문자열의 패턴 찾기

정규식의 시작 기본 문법

정규식에 대한 내용을 다룬다는 것은 곧 문자열 다룬다는 것이며, 이는 html 과 같은 집합적인 텍스트 문자열을 가공하고자 함이다.

아마 특정 단어를 제거하도록 할 때 정규식을 자주 사용하게 될 것이다.

아래는 자바스크립트에서 정규식을 사용하기 위한 기본 문법 구조를 보여준다.

/ String Pattern / Flag

뭔가 좀 허무해 보인다.

위의 자바스크립트 정규식 문법 구조를 메서드에 적용시켜 보자.

정규식패턴.test( 대상 문자열 );

위의 test() 메서드는 패턴 정규식이 올바른지 검사하는 역할을 한다.

위의 메서드에 기본문법을 적용하면 다음과 같다.

//- 자바스크립트 정규식 기본문법
/ String Pattern / Flag

//- 패턴 검사, return : true or false
정규식패턴.test( 대상 문자열 );

//- 검사 코드
var txtPattern = / String Pattern / Flag ;
var varCheck = 정규식패턴.test( 대상 문자열 );

당연히 위의 코드는 단순한 기본문법에 대한 내용이며 String Pattern 과 Flag 부분에 대한 내용은 찾아봐야 할 것이다.

별 것 아닌 기본문법에 내용이 많다.

기본 문법 코드 분석

이제 자바스크립트 정규식을 위한 기본 문법을 분석해 보자.

정규식은 쉬워 보이는 것 같아도 나름 어렵다.

String Pattern 부분은 상황에 맞게 여러가지를 만들 수 있다.

Flag 부분은 몇 개 없지만 그 의미는 다르다.

뭔저 기본 문법을 보자.

//- 자바스크립트 정규식 기본문법
var txtPattern = ( / String Pattern / Flag );

먼저 괄호 안의 내용을 구성을 보자.

/ String Pattern / Flag 로 되어 있다. 하나씩 훓어보면 다음과 같다.

• /
  - 패턴 정규식의 시작
• String Pattern
  - 패턴 정규식
• /
  - 패턴 정규식의 끝
• Flag
  - 정규식의 동작 여부

위의 내용은 다음에 좀 더 자세히 다뤄 보도록 한다.

내용은 얼마 안되지만 상황별로 여러가지가 있기 때문이다.

참고로 아래는 html 코드를 모두 없애는 자바스크립트 정규식을 표현한 것이다.

var remHTMLPtn = /(<([^>]+)>)/gi;
var retTxt = 문자열.replace(remHTMLPtn, '');

자바스크립트 문자열 정규식 플래그 패턴의 동작을 결정한다