정규표현
정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구입니다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있습니다.
정규표현식은 하나의 언어라고 할 수 있습니다. 그러므로 본 수업에서 정규표현식의 모든 것을 다루는 것은 불가능합니다. 본 수업은 아래와 같은 전략을 취하고 있습니다.
정규표현식 생성
정규표현식은 두가지 단계로 이루어집니다. 하나는 컴파일(compile) 다른 하나는 실행(execution)입니다. 우선 컴파일부터 알아봅시다.
컴파일
컴파일은 검출하고자 하는 패턴을 만드는 일 입니다. 우선 정규표현식 객체를 만들어야 합니다. 객체를 만드는 방법은 두가지가 있습니다. a라는 텍스트를 찾아내는 정규표현식을 만들어봅시다.
//정규표현식 리터럴
var pattern = /a/
//정규표현식 객체 생성자
var pattern = new RegExp('a');
// = pattern이라는 변수에 a를 저
두가지 모두 같은 결과를 만들지만 각자가 장단점이 있습니다.
정규표현식 메소드 실행
정규표현식을 컴파일해서 객체를 만들었다면 이제 문자열에서 원하는 문자를 찾아내야 합니다.
RegExp.exec()
console.log(pattern.exec('abcdef')); // ["a"]
//실행결과는 문자열 a를 값으로 하는 배열을 리턴한다.
console.log(pattern.exec('bcdefg')); // null
//인자 'bcdef'에는 a가 없기 때문에 null을 리턴한다.
RegExp.test()
//test는 인자 안에 패턴에 해당되는 문자열이 있으면 true,
//없으면 false를 리턴한다.
console.log(pattern.test('abcdef')); // true
cnosole.log(pattern.test('bcdefg')); // false
문자열 메소드 실행
문자열 객체의 몇몇 메소드는 정규표현식을 사용할 수 있습니다.
String.match()
RegExp.exec()와 비슷합니다.
console.log('abcdef'.match(pattern)); // ["a"]
console.log('bcdefg'.match(pattern)); // null
String.replace()
문자열에서 패턴을 검색해서 이를 변경한 후에 변경된 값('a' -> 'A')을 리턴합니다.
console.log('abcdef'.replace(pattern, 'A'));
// Abcdef
옵션
정규표현식 패턴을 만들 때 옵션을 설정할 수 있습니다.
옵션에 따라서 검출되는 데이터가 달라집니다.
i
//i를 붙이면 대소문자를 구분하지 않는다.
var xi = /a/;
console.log("Abcde".match(xi)); // null
var oi = /a/i;
console.log("Abcde".match(oi)); // ["A"];
g
//g를 붙이면 검색된 모든 결과를 리턴한다.
var xg = /a/;
console.log("abcdea".match(xg)); //["a"]
var og = /a/g;
console.log("abcdea".match(og)); //["a"],["a"]
사례 - 캡처
괄호안의 패턴은 마치 변수처럼 재사용할 수 있습니다. 이 때 기호 $를 사용하는데 아래 코드는 coding과 everybody의 순서를 역전시킵니다.
var pattern = /(\w+)\s(\w+)/;
var str = "coding everybody";
var result = str.replace(pattern, "$2, $1");
console.log(result);
사례 - 치
아래 코드는 본문 중의 URL을 링크 html 태그로 교체합니다.
var urlPattern = /\b(?:https?):\/\/[a-z0-9-+&@#\/%?=~_|!:,.;]*/gim;
var content = '생활코딩 : http://opentutorials.org/course/1 입니다. 네이버 : http://naver.com 입니다. ';
var result = content.replace(urlPattern, function(url){
return '<a href="'+url+'">'+url+'</a>';
});
console.log(result);
//생활코딩 : <a href="http://opentutorials.org/course/1">http://opentutorials.org/course/1</a> 입니다. 네이버 : <a href="http://naver.com">http://naver.com</a> 입니다.
참고
