본문 바로가기

프론트엔드 공부/javscript

정규표현식01(RegExp)

*정규표현식의 역할
문자검색(search)
문자대체(replace)
문자추출(extract)

*정규표현식 관련 세가지 사이트
regex101.com
https://regexr.com/
regexper.com

-다른 언어나 특정환경에서도 정규표현식을 쓸수 있는데, 
자바스크립트에서는 동작 but 다른 환경에서는 동작x(혹은 그 반대의 경우) 도 있을 수 있으며
위 사이트에서 확인후 맹신치말고 다시 테스트해봐야한다.

*정규표현식을 만드는 두가지방법 
1.생성자함수2.리터럴방식 (보통리터럴은 {} 사용하여 객체 방식으로 데이터생성,정규표현식은 /)

 

//1
const regexp1 = new RegExp("^abc");
//2
const regexpw = /^abc/;

예제

const str = `
010-1234-1234
themain@mail.com
https://www.naver.com
The buick brown fox jumps over the lazy dog
aaabbbccddd
`;
//1.생성자함수로 정규표현식 만들기
//두번째 인수가 없을 경우 첫번째 배열 데이터만 가져옴
// const regexp = new RegExp("the", "");

//g플래그로 'the'모든 결과 검색 // i플래그 대문자소문자 구분x
//const regexp = new RegExp("the", "gi");

//2.리터럴 방식으로 정규표현식만들기
const regexp = /the/gi;
console.log(str.match(regexp));

 

 

참고 https://heropy.blog/2018/10/28/regexp/