WebProgramming/JS

[JS] 정규표현식

2022. 6. 11. 21:25
목차
  1. 정규표현식
  2. 메소드
  3. 플래그(옵션)
  4. 패턴

정규표현식

; 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어

- 많은 텍스트 편집기, 프로그래밍 언어에서 문자열의 검색과 치환을 위해 검색

생성자 방식 ; const A = new RegExp('표현식','플래그')

리터럴 방식 ; const A = /표현식(패턴+문자)/플래그

const A = new RegExp('a','gi')
const A = /fox/g

 

 

메소드

test ; 정규식.test(문자열) _ 일치 여부 반환

match ; 문자열.match(정규식) _ 일치하는 문자의 배열 반환

replace ; 문자열.replace(정규식,대체문자) _ 일치하는 문자를 대체

 

 

플래그(옵션)

g ; 모든 문자 일치(global)
i ; 영어 대소문자를 구분 않고 일치(ignore case)
m ; 여러 줄 일치(multi line) ; "각각의 줄을 시작과 끝으로 보겠다"

 

 

패턴

^ab ; 줄 시작에 있는 ab와 일치

ab$ ; 줄 끝에 있는 ab와 일치

. ; 임의의 한 문자와 일치

a|b ; a또는b와 일치 (먼저 찾아지는 것 반환. g플래그 넣으면 모두 반환)

ab? ; b가 없거나 b와 일치

console.log(str.match(/^the/gm))    // the가 문장 시작에 있는 것들을 찾음
console.log(str.match(/\.$/gim))    // .이 문장 끝에있는 것들을 찾음
console.log(str.match(/h..p$/gim))	// h..p를 만족하는 모든 것 찾음
console.log(str.match(/the./gim))   // 모든 the를 찾음
console.log(str.match(/https?/g))   // http or https 찾음

{n} ; n개 연속 일치

{n,} ; n개 이상 연속 일치

{n,m} ; n~m개 연속 일치

console.log(
    str.match(/d{2}/g)		//d가 2번 연속되는 것 찾기
    str.match(/d{2,}/g)		//d가 2번 이상 연속되는 것 찾기
    str.match(/d{2,3}/g)	//d가 2~3번 연속되는 것 찾기
    str.match(\b\w{2,3}\b/g)//숫자,알파벳이 2~3번 연속되는데, \b로 앞뒤로 경게 침
)

[abc] ; a 또는 b 또는 c가 일치
[a-z] ; a부터 z 사이의 문자 구간에 일치(영어 소문자)
[A-Z] ; A부터 Z 사이의 문자 구간에 일치(영어 대문자)
[0-9] ; 0부터 9 사이의 문자 구간에 일치(숫자)
[가-힣] ; 가부터 힣 사이의 문자 구간에 일치(한글)

 

\w ; 63개 문자(Word, 대소영문52개 + 숫자10개 + _)에 일치
\b ; 63개 문자에 일치하지 않는 문자 경계(Boundary) ex) . , - 등
\d ; 숫자(Digit)에 일치
\s ; 공백(Space, Tab)에 일치

str.match(/\bfw{1,}\b/g)		// f로시작하는 2글자 이상의 문자 찾음
str.replace(/\s/g,'')			// 공백 문자를 전부 없앰

(?=)  | 앞쪽 일치. 일치할 내용이 앞에
(?<=) | 뒤쪽 일치. 일치할 내용이 뒤에

str.match(/.{1,}(?=@)/g)  	// @를 기준으로 앞쪽 내용 추출
str.match(/(?<=@).{1,}/g)    // @를 기준으로 뒤쪽 내용 추출
저작자표시 (새창열림)

'WebProgramming > JS' 카테고리의 다른 글

[TS] 타입 별칭 & Interface  (0) 2022.06.24
[TS] TS의 타입 시스템? & Compliation Context  (0) 2022.06.12
[TS] TypeSCript이란? & 타입  (0) 2022.06.12
[JS] JSON  (0) 2022.06.11
[JS] import,export ; 모듈 가져오기,내보내기  (0) 2022.06.11
[JS] 구조 분해(Destructuring), 전개 연산자(...)(spread, rest)  (0) 2022.06.11
[JS] 원시 데이터, 참조형 데이터 / 얕은 복사와 깊은 복사  (0) 2022.06.11
[JS] 메소드(String, Math, Array, Object)  (0) 2022.06.10
  1. 정규표현식
  2. 메소드
  3. 플래그(옵션)
  4. 패턴
'WebProgramming/JS' 카테고리의 다른 글
  • [TS] TypeSCript이란? & 타입
  • [JS] JSON
  • [JS] import,export ; 모듈 가져오기,내보내기
  • [JS] 구조 분해(Destructuring), 전개 연산자(...)(spread, rest)
피터s
피터s
1년차 프론트엔드 개발자입니다 😣 아직 열심히 배우는 중이에요! 리액트를 하고있어요 :) - gueit214@naver.com - https://github.com/gueit214
피터s
피터의 성장기록
피터s
전체
오늘
어제
  • 분류 전체보기 (200)
    • 코딩 테스트 (25)
      • 프로그래머스 (16)
      • LeetCode (8)
      • 백준 (1)
    • 개발 독서 일지 (1)
    • 기업 분석 (4)
    • 개발 일지 (19)
      • 최신기술 도전기 (1)
      • 에러 처리 (5)
      • 개발 일지 (12)
    • 개발 일상 (36)
      • 개발 회고 (22)
      • 개발 이야기 (12)
      • 개발 서적 (1)
    • 취업 관련 지식 (11)
    • 알고리즘 (17)
    • WebProgramming (84)
      • WebProgramming (8)
      • HTML (5)
      • CSS (8)
      • JS (21)
      • React (40)

블로그 메뉴

  • About
  • 2022년 개발 성장기
  • 앞으로의 계획
  • github
  • 일상 blog

공지사항

인기 글

태그

  • lv3
  • Kakao Tech Internship
  • 개발 is life
  • Retry
  • 스터디 후기
  • BFS
  • 함수
  • 누적합
  • Union-find
  • 구름톤
  • 카카오 채용연계형 인턴십
  • 해커톤
  • KAKAO BLIND
  • LV2
  • dfs
  • 개발 일상
  • 1년 회고
  • 개발 회고
  • 구름
  • 1일 1커밋 후기
  • 반복문
  • 카카오

최근 댓글

최근 글

hELLO · Designed By 정상우.
피터s
[JS] 정규표현식
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.