JavaScript - 정규 표현식 기초

🐱‍👤 정규 표현식 (Regular Expression)

- 특정 규칙을 가지는 문자열의 집합을 표현하는데 사용하는 식

 

- 정규 표현식을 사용하면 입력된 문자열에 대하여

  특정 조건 검색, 일치 여부, 치환에 대한 조건문을 처리하기 쉽다.

 

---

🐱‍👤 정규 표현식 객체 생성 및 확인 메서드

 

1. 정규 표현식 객체 생성 방법

- const regExp = new regExp("정규 표현식");

- const regExp = /정규 표현식/;

 

2. 문자열 패턴이 일치하는지 확인하는 메서드

1) regExp.test( 문자열 )

- 문자열에서 일치하는 패턴이 있으면 true 반환하고 없으면 false를 반환한다.

 

2) regExp.exec( 문자열 )

- 문자열에서 일치하는 패턴이 있으면 매칭되는 첫 번째 문자열을 반환하고 없으면 null을 반환함.

 

<button id="btn1">확인용 버튼</button>

document.getElementById("btn1").addEventListener("click", ()=>{

  // 1. 정규 표현식 객체 생성
  const regExp1 = new RegExp("script");
  const regExp2 = /java/;

  console.log(regExp1.test("javascript"));  // t
  console.log(regExp1.test("css"));         // f

  console.log(regExp2.exec("javascript"));  // java (index = 0) -> 개발자도구에서 편의를 위해 index 정보도 제공
  console.log(regExp2.exec("scriptjava"));  // java (index = 6)
  console.log(regExp2.exec("부대찌개"));    // null

});

개발자 도구 콘솔창에서 확인해보기

 

 

 

---

🐱‍👤 정규 표현식의 메타 문자

 

- 문자열의 패턴을 나타내는 특수문자

  특수문자마다 지정된 의미가 담겨 있다.

 

^ (캐럿) : 문자열의 시작을 의미한다.

$ (달러) : 문자열의 끝을 의미한다.

 

ex) /^a/ : a로 시작하는 문자열

--> aaa, abc, apple ( O ) / gag, pap, 가나다라마 ( X )