본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

Javascript

정규식 표현에 대해 araboza!

by C0Di 2022. 8. 16.
728x90

정규표현식

정규표현식 객체는 정해진 문자의 패턴을 만들때 사용하는데 이것으로 문자나 숫자 패턴 같은것도 제작이 가능합니다..

- 사용 예시 -
var reg = /javascript/;
var reg = new RegExp('Javascript');


객체 플래그

플래그 설명
i 대 소문자 구분 없이 정규표현식과 문자열을 비교합니다.
var reg1 = /javascript/;
var reg2= /javascript/i;
var str = Javascript
console.log(reg1.test(str)); //false
console.log(reg2.test(str)); //true
g 문자열 전체를 정규표현식과 비교합니다.
var reg1 = /a/;
var reg2= /a/g;
var str = javascript
console.log(str.match(reg1)); //['a']
console.log(str.match(reg2)); //['a', 'a']
m 여러 행의 문자열을 정규표현식과 비교합니다.
var reg1 = /^s/;
var reg2= /^s/m;
var str = javascript\nscript
console.log(str.match(reg1)); //null
console.log(str.match(reg2)); //['s']
'^s'는 행의 첫번째 문자가 s로 시작하는 것을 의미하고 '\n'은 행바꿈을 의미합니다.

객체 주요 패턴

패턴 설명
abc abc 문자열을 검색합니다.
/abc/는 'abc'
[abc] a,b,c 중 문자 하나를 검색합니다.
/[^abc]d/는 'ad', 'bd', 'cd'
[^abc] a,b,c를 제외한 문자 하나를 검색합니다.
/[^abc]d/는 'ed', 'fd', 'gd'
[A-Z] 알파벳 대문자 문자를 검색합니다.
[a-z] 알파벳 소문자 문자를 검색합니다.
[0-9] 0~9 까지의 숫자를 검색합니다.
. 하나의 문자를 검색합니다. 만약 '마침표' 문자 그대로의 의미를 사용할 경우 '\.'으로 표현해야 합니다.
\w 알파벳, 숫자, _를 검색합니다.
\W 알파벳, 숫자, _를 제외하고 검색합니다.
\d 숫자를 검색합니다.
\D 숫자를 제외하고 검색합니다.
\s 하나의 공백을 검색합니다.
\S 공백을 제외하고 검색합니다.
^ 행의 첫 문자가 일치해야 함을 의미합니다
$ 행의 끝 문자가 일치해야 함을 의미합니다.
* *앞의 문자가 0번 이상 반복을 의미합니다.
/a*b/는 'b', 'ab', 'aab', 'aaab', 'aaa...b'
+ + 앞의 문자가 1번 이상 반복을 의미합니다.
/a+b/는 'ab', 'aab', 'aaab', 'aaa...b'
? ? 앞의 문자가 0번 또는 1번 의미합니다.
/a?b/는 'b', 'ab'
{} /\d{3}/은 숫자 3개를 의미합니다.
/\d{3,5}/은 숫자 3~5개를 의미합니다.
/\d{3,}은 숫자 3개 이상을 의미합니다./
a|b a or b를 의미합니다.
(abc) 그룹화를 의미합니다.

728x90
반응형

'Javascript' 카테고리의 다른 글

replace()/replaceAll은 뭘까?  (2) 2022.08.17
padStart()/padEnd()에 대하여!  (2) 2022.08.17
IndexOf()/lastIndexOf() 에 대하여!  (6) 2022.08.16
slice() / substring() / substr() 에 대하여~~  (6) 2022.08.16
내장함수가 뭘까?  (5) 2022.08.14

댓글

#HASH_TAGS

-

1

메서드 오늘 조업 마감했습니다. 선택해주세요 다크모드 테스트테스트 scroll-snap-align Method 제이쿼리 이건 또 뭐람 울적하니 꽃을 달아봤습니다 슬라이드 결과 : 월요일 코드 필터선택자 오늘은 내가바로 오징어! 코딩 JQuery 테스트 공부 숙제가 다양해서 너무 좋아요 HTML 내일은 즐거운 월요일 오징어 두마리 포획 완료 멈추지 않는 ' j ' 시리-즈 오늘도 웹표준은.. 화사한가요? 오징어 1Kg 당 3000원 ImageSlideEffect scroll-snap-type 오징어 한마리 수확 완료!