본문 바로가기

Front-End: Web/JavaScript

[작성중] [js] 정규표현식 알기

반응형

정규표현식

  • 문자열에서 특정 문자를 찾기 위한 패턴
  • ReqExp의 exec(), test(), 그리고 String의 match(), matchAll(), replace(), replaceAll(), search(), split()과 함께 사용 가능

 

사용 방법

1. 정규 표현식 리터럴

  • 슬래시로 패턴을 감싸서 작성
  • 스크립트를 불러올 때 컴파일됨. 그래서 바뀔 일이 없는 패턴일 때 사용하면 성능이 향상됨
 const re = /ab+c/

2. RegExp 객체의 생성자 호출

  • 런타임에 컴파일됨. 그래서 바뀔 수 있는 패턴이나, 사용자의 입력과 같이 외부 출처에서 가져오는 패턴일 때 사용함
const re = new RegExp('ab+c')

 

작성하기

단순 패턴 사용

  • 문자열을 있는 그대로 탐색할 때 사용
  • ex. /abc/ -> "abc" 문자 조합이 있는지 탐색

특수 문자 사용

  • 여러 b를 찾거나, 공백 문자 찾는 등 단순 패턴 이상의 탐색할 때 사용
  • ex. /ab*c/ -> 'a' 이후에 0개 이상의 'b', 그 뒤에 'c'가 있는지 탐색
    • * : 이전 항목을 0번 이상 반복

 

 

 

 

반응형