JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 정규 표현식


정규식은 검색 패턴을 형성하는 일련의 문자입니다.

검색 패턴은 텍스트 검색 및 텍스트 바꾸기 작업에 사용할 수 있습니다.


정규 표현식이란 무엇입니까?

정규식은 검색 패턴 을 형성하는 일련의 문자입니다 .

텍스트에서 데이터를 검색할 때 이 검색 패턴을 사용하여 검색하는 내용을 설명할 수 있습니다.

정규식은 단일 문자이거나 더 복잡한 패턴일 수 있습니다.

정규식은 모든 유형의 텍스트 검색텍스트 바꾸기 작업을 수행하는 데 사용할 수 있습니다.

통사론

/pattern/modifiers;

예시

/w3schools/i;

설명된 예:

/w3schools/i   는 정규식입니다.

w3schools   는 패턴입니다(검색에 사용됨).

i   는 수정자입니다(검색을 대소문자를 구분하지 않도록 수정).


문자열 메서드 사용

JavaScript에서 정규식은 두 가지 문자열 메서드 및 와 함께 자주 사용search() 됩니다 replace().

search()메서드는 표현식을 사용하여 일치 항목을 검색하고 일치 항목의 위치를 ​​반환합니다.

replace()메서드는 패턴이 대체된 수정된 문자열을 반환합니다.


문자열과 함께 문자열 search() 사용

search()메서드는 문자열에서 지정된 값을 검색하고 일치하는 위치를 반환합니다.

예시

문자열을 사용하여 문자열에서 "W3schools"를 검색합니다.

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

n 의 결과 는 다음과 같습니다.

6


정규 표현식과 함께 문자열 search() 사용

예시

정규식을 사용하여 문자열에서 "w3schools"에 대해 대소문자를 구분하지 않고 검색합니다.

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

n 의 결과 는 다음과 같습니다.

6



문자열과 함께 문자열 replace() 사용

replace()메서드는 지정된 값을 문자열의 다른 값으로 바꿉니다.

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

정규 표현식과 함께 String replace() 사용

예시

대소문자를 구분하지 않는 정규식을 사용하여 문자열에서 Microsoft를 W3Schools로 바꿉니다.

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

res 의 결과 는 다음과 같습니다.

Visit W3Schools!

눈치채셨나요?

위의 방법에서 문자열 인수 대신 정규식 인수를 사용할 수 있습니다.
정규식은 검색을 훨씬 더 강력하게 만들 수 있습니다(예: 대소문자 구분 안 함).


정규식 수정자

수정 자를 사용하여 대소문자를 구분하지 않는 보다 전역적인 검색을 수행할 수 있습니다.

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

정규 표현식 패턴

대괄호 는 문자 범위를 찾는 데 사용됩니다.

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

메타 문자 는 특별한 의미를 가진 문자입니다.

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

수량 자는 수량을 정의합니다.

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

RegExp 개체 사용

JavaScript에서 RegExp 개체는 미리 정의된 속성 및 메서드가 있는 정규식 개체입니다.


테스트() 사용

test()메소드는 RegExp 표현식 메소드입니다 .

문자열에서 패턴을 검색하고 결과에 따라 true 또는 false를 반환합니다.

다음 예에서는 문자열에서 "e" 문자를 검색합니다.

예시

const pattern = /e/;
pattern.test("The best things in life are free!");

문자열에 "e"가 있으므로 위 코드의 출력은 다음과 같습니다.

true

정규 표현식을 변수에 먼저 넣을 필요는 없습니다. 위의 두 줄을 하나로 줄일 수 있습니다.

/e/.test("The best things in life are free!");

exec() 사용

exec()메소드는 RegExp 표현식 메소드입니다 .

문자열에서 지정된 패턴을 검색하고 찾은 텍스트를 객체로 반환합니다.

일치하는 항목이 없으면 빈 (null) 개체를 반환합니다.

다음 예에서는 문자열에서 "e" 문자를 검색합니다.

예시

/e/.exec("The best things in life are free!");

완전한 RegExp 참조

전체 참조를 보려면 전체 JavaScript RegExp 참조 로 이동하십시오 .

참조에는 모든 RegExp 속성 및 메서드에 대한 설명과 예가 포함되어 있습니다.