관리자 글쓰기
[Javascript] 공부하기 - 3(정규표현식)
2017. 10. 26. 22:06 - 개발 새발

정규표현식


- 정규표현식 리터럴 정의 방법


var pattern = /a/;

var pattern = new RegExp('a');

찾고자하는 정보(a)를 pattern에 저장


용도 : 추출을 위해 사용, 해당 객체에 존재하는지 Test 하기 위함, 찾아서 치환



- 문법

var pattern = /a/;


RegExp.exec('대상');        ex)pattern.exec('abcdef'); = > ["a"]

정규표현식 변수에 적합한 패턴이 있을 시 출력, 없으면 null


RegExp.test('대상');         ex)pattern.test('abcdef'); = > true

정규표현식 변수에 적합한 패턴이 있을 시 true, 없으면 false


String.match(정규표현식 변수);                  ex)'abcdef'.match(pattern); = > ["a"]

RegExp.exec()와 동일


String.replace(정규표현식 변수, '치환자');    ex)'abcdef'.replace(pattern, 'A') = > Abcdef




- 옵션

i : 패턴을 만들 때 i를 붙이면 대소문자 구별하지 않음

ex) var oi = /a/i;        'Abcd'.match(oi) = > ["A"]


g : 검색된 모든 결과를 리턴

ex) var og = /a/g;      'abcdefa'.match(og) = > ["a", "a"]


var oig = /a/ig;




- 정규표현식 활용

ex)

var content = '제 블로그는 : http://~~~.org/~~ 입니다.";

var result = content.replace(urlPattern, 

function(url){

return '~'+url+'~';

});

urlPattern에 해당하는 표현을 function의 url 인자에 대입한다. 그리고 return 된 것을 통해 replace() 메소드 실행




- 정규표현식 표현법 중 몇가지

( . ) - > 1문자

\w - > A~Z,a~z,0~9 를 모두 포함한다는 뜻

$(숫자) - > (숫자)번째 그룹(정규식)

( ) - > 그룹

'코딩 > Javascript' 카테고리의 다른 글

[Javascript] 공부하기 - 6  (0) 2017.10.28
[Javascript] 공부하기 - 5  (0) 2017.10.26
[Javascript] 공부하기 - 4  (0) 2017.10.26
[Javascript] 공부하기 - 2  (0) 2017.10.26
[Javascript] 공부하기 - 1  (0) 2017.10.26