var xi = /a/;
console.log("Abcde".match(xi)); // null
var oi = /a/i;
console.log("Abcde".match(oi)); // ["A"]; 대문자도 추출해
i를 붙이면 대소문자를 구분하지 않다.
g
var xg = /a/;
console.log("abcdea".match(xg));
var og = /a/g;
console.log("abcdea".match(og)); // ["a","a"]
g를 붙이면 검색된 모든 결과를 리턴한다.
캡쳐
var pattern = /(\w+)\s(\w+)/; // \s -> 공백을 의미함
var str = "coding everybody";
var result = str.replace(pattern, "$2, $1"); //패턴에 있는 인자를 뒤에 두개의 값으로 치환한다.
// $1 -> 첫번째그룹을 의미 $2 -> 두번째그룹 의
// \s(공백)은 -> ,공백으로 치환
console.log(result); //everybody, coding
괄호안의 패턴은 마치 변수처럼 재사용할 수 있다. 이 때 기호 $를 사용하는데 아래 코드는 coding과 everybody의 순서를 역전시킨다.
그룹을 지정하고 지정된 그룹을 가져와서 사용하는것을 캡쳐라고 한다.
치환
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>';
});
// url을 찾을때마다 replace 내부에 있는 함수를 호출 했다면 이것을 첫번째 인자로 받게되어있음
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> 입니다.