[TCP School/자바스크립트] 정규 표현식 - RegExp 객체
RegExp 객체는 정규 표현식을 구현한 자바스크립트 표준 내장 객체이다.
RegExp 객체를 생성하는 문법은 다음과 같다.
new RegExp(검색패턴, 플래그)1. 검색 패턴을 나타내는 정규 표현식은 따옴표나 슬래시로 감싸야 한다.
2. 기본 검색 설정을 변경할 수 있는 플래그는 필요할 때만 전달할 수 있다.
RegExp.prototype 메소드
모든 RegExp 인스턴스는 RegExp.prototype으로부터 메소드와 프로퍼티를 상속받는다.
이렇게 상속받은 RegExp.prototype 메소드를 사용하여 정규 표현식을 표현할 수 있다.
1. RegExp.prototype.exec()
2. RegExp.prototype.test()
RegExp.prototype.exec()
exec() 메소드는 인수로 전달된 문자열에서 특정 패턴을 검색하여, 패턴과 일치하는 문자열을 반환한다.
만약 패턴과 일치하는 문자열이 없으면 null을 반환한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>exec</title>
</head>
<body>
<h1>exec() 메소드</h1>
<p id="text"></p>
<script>
var targetStr = "abbcdefabgh";
var firstResult = /ab+/.exec(targetStr);
var secondResult = /abbb+/.exec(targetStr);
document.getElementById('text').innerHTML = firstResult + '<br>' + secondResult;
</script>
</body>
</html>
RegExp.prototype.test()
test() 메소드는 인수로 전달된 문자열에 특정 패턴과 일치하는 문자열이 있는지를 검색한다.
만약에 패턴과 일치하는 문자열 있으면 true를, 없으면 false를 반환한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<h1>test() 메소드</h1>
<p id="text"></p>
<script>
var targetStr = "abbcdefabgh";
var firstResult = /ab+/.test(targetStr);
var secondResult = /abbb+/.test(targetStr);
document.getElementById('text').innerHTML = firstResult + '<br>' + secondResult;
</script>
</body>
</html>
RegExp.prototype 프로퍼티
자바스크립트는 정규 표현식에서 사용하는 다양한 정보를 RegExp.prototype 프로퍼티를 이용해 제공하고 있다.
1. RegExp.prototype.global
2. RegExp.prototype.ignoreCase
3. RegExp.prototype.multiline
4. RegExp.prototype.source
| 프로퍼티 | 설명 |
| global | 검색 패턴을 비교할 때 일치하는 모든 부분을 선택하도록 설정하는 플래그인 'g'를 가리킴 |
| ignoreCase | 검색 패턴을 비교할 때 대소문자를 구분하지 않도록 설정하는 플래그인 'i'를 가리킴 |
| multiline | 검색 패턴을 비교할 때 여러 줄의 입력 문자열을 그 상태 그대로 여러 줄로 비교하도록 설정하는 플래그인 'm'을 가리킴 |
| source | 검색 패턴이 포함하고 있는 문자열을 가리킴 |
TCP School의 강의 내용을 정리한 포스트입니다.
http://www.tcpschool.com/javascript/intro
코딩교육 티씨피스쿨
4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등
tcpschool.com
'공부 > JavaScript' 카테고리의 다른 글
| nullish coalescing, nullish 병합 연산자 (0) | 2024.06.13 |
|---|---|
| 화살표 함수 (0) | 2023.05.02 |
| [TCP School/자바스크립트] 정규 표현식 - 정규 표현식의 응용 (0) | 2023.04.27 |
| [TCP School/자바스크립트] 정규 표현식 - 정규 표현식의 개념 (0) | 2023.04.27 |
| [TCP School/자바스크립트] 예외 처리 - Strict 모드 (0) | 2023.04.27 |
