晴明的博客园 GitHub      CodePen      CodeWars     

[regex] 正则表达式

所有元字符都必须转义

()  []  {}  \  /  ^  $  |  ?  *  +  .  

 

非贪婪  ?
a.*?b匹配最短的,以a开始,以b结束的字符串
 

正则表达式的修饰符
全局匹配,修饰符g   /..../g
不区分大小写,修饰符i   /...../i
行首行尾,修饰符m   /....../m

 

m修饰符表示多行模式(multiline),会修改^和$的行为。默认情况下(即不加m修饰符时),^和$匹配字符串的开始处和结尾处,加上m修饰符以后,^和$还会匹配行首和行尾,即^和$会识别换行符(\n)。

 

    *?:表示某个模式出现0次或多次,匹配时采用非贪婪模式。
    +?:表示某个模式出现1次或多次,匹配时采用非贪婪模式。

 

正则模式中,需要用斜杠转义的,一共有12个字符:^、.、[、$、(、)、|、*、+、?、{和\\。需要特别注意的是,如果使用RegExp方法生成正则对象,转义需要使用两个斜杠,因为字符串内部会先转义一次。

 

RegExp.prototype.test()

regexObj.test(str)

test() 方法执行一个检索,用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false。

 

String.prototype.match()

str.match(regexp)

当字符串匹配到正则表达式(regular expression)时,match() 方法会提取匹配项。

var str = "For more information, see Chapter 3.4.5.1";
var re = /(chapter \d+(\.\d)*)/i;
var found = str.match(re);

console.log(found);
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
var regexp = /[A-E]/gi;
var matches_array = str.match(regexp);

console.log(matches_array); 
// ['A', 'B', 'C', 'D', 'E', 'a', 'b', 'c', 'd', 'e']

 #

            function ak(){
                var str = 'abcdefg';
                var reg = str.match(/abc(de)(fg)/);
                //["abcdefg", "de", "fg", index: 0, input: "abcdefg"]
                //reg[1] =='de',reg[2] == 'fg' ,括号里的匹配项
                console.log(reg);
            }
            ak();

 

 

String.prototype.replace()

str.replace(regexp|substr, newSubStr|function[, flags])

replace() 方法使用一个替换值(replacement)替换掉一个匹配模式(pattern)在原字符串中某些或所有的匹配项,并返回替换后的字符串。这个替换模式可以是字符串或者RegExp(正则表达式),替换值可以是一个字符串或者一个函数。

#

            var names = "Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ; Chris Hand ";
            var output = ["---------- Original String\n", names + "\n"];
            var pattern = /\s*;\s*/;
            var nameList = names.split(pattern);
            console.info(nameList);
            pattern = /(\w+)\s+(\w+)/;
            var bySurnameList = [];
            output.push("---------- After Split by Regular Expression");
            var i, len;
            for (i = 0, len = nameList.length; i < len; i++) {
                output.push(nameList[i]);
                bySurnameList[i] = nameList[i].replace(pattern, "$2, $1");
            }
            console.info(output);
            console.warn(bySurnameList);
            output.push("---------- Names Reversed");
            for (i = 0, len = bySurnameList.length; i < len; i++) {
                output.push(bySurnameList[i]);
            }
            console.warn(output);
            bySurnameList.sort();
            console.warn(bySurnameList);
            output.push("---------- Sorted");
            for (i = 0, len = bySurnameList.length; i < len; i++) {
                output.push(bySurnameList[i]);
            }
            output.push("---------- End");
            console.log(output.join("\n"));

 

#

            var re = /apples/gi;
            var str = "Apples are round, and apples are juicy.";
            var newstr = str.replace(re, "oranges");
            console.log(newstr); //oranges are round, and oranges are juicy.
            console.log(str);
            var newstr1 = str.replace("apples", "oranges", "gi"); //不知道为什么只换了一个
            console.log(newstr1); //Apples are round, and oranges are juicy.
            var str = "Twas the night before Xmas...";
            var newstr2 = str.replace(/xmas/i, "Christmas");
            console.log(newstr2); // Twas the night before Christmas...

 

 #替换字符串可以插入下面的特殊变量名

function doubleChar(str) {
  return str.replace(/./g, '$&$&');
}

//$&表示被匹配的字符串???

function doubleChar(str) {
  return str.replace(/(.)/g, "$1$1")
}

//$1、$2表示正则表达式里面第一个、第二个括号里面的匹配内容

#

            //交换字符串中的两个单词
            var re = /(\w+)\s(\w+)/;
            var str = "John Smith";
            var newstr = str.replace(re, "$2, $1");
            console.log(newstr);//Smith, John

#

            function styleHyphenFormat1(propertyName) {
                var newString = propertyName.replace(/[A-Z]/, '-' + '$&'.toLowerCase()); // won't work
                return newString;
            }
            console.log(styleHyphenFormat1('borderTop')); //border-Top

 

#指定一个函数作为参数

(精确的参数个数依赖于replace()的第一个参数是否是一个正则表达式对象, 以及这个正则表达式中指定了多少个括号子串。)

可以使用函数但是不可以使用变量。

match、p1、p2、offset、string 是保留关键参数名 p1、p2...是可选参数,其他为必须

            function replacer(match, p1, p2, p3, offset, string) {
                // p1 is nondigits, p2 digits, and p3 non-alphanumerics
                return [p1, p2, p3].join(' - ');
            }
            var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
            console.log(newString);//abc - 12345 - #$*%

#

            function styleHyphenFormat(propertyName) {
                function upperToHyphenLower(match) {
                    return '-' + match.toLowerCase();
                }
                return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
            }
            console.log(styleHyphenFormat('borderTop')); //border-top

 #

            //华氏温度转换为摄氏温度
            function f2c(x) {
                function convert(str, p1, offset, s) {
                    return ((p1 - 32) * 5 / 9) + "C";
                }
                var s = String(x);
                var test = /(\d+(?:\.\d*)?)F\b/g;
                return s.replace(test, convert);
            }
            console.log(f2c('212F'));//100C

#

            //一个数组对象。'x' 产生一个 'on' 状态,'-'(连接符)产生一个 'off' 状态,而 '_' (下划线)表示 'on' 状态的长度。
            var str = 'x-x_';
            var retArr = [];
            str.replace(/(x_*)|(-)/g, function(match, p1, p2) {
                if (p1) retArr.push({
                    on: true,
                    length: p1.length
                });
                if (p2) retArr.push({
                    on: false,
                    length: 1
                });
            });
            console.log(retArr);

RegExp.prototype.exec()

regexObj.exec(str)

exec() 方法为指定的一段字符串执行搜索匹配操作。它的返回值是一个数组或者 null。

            //检测###-###-####号码
            function testInfo(phoneInput) {
                var re = /\(?\d{3}\)?([-\/\.])\d{3}\1\d{4}/;
                var OK = re.exec(phoneInput);
                console.info(OK);
                if (!OK) {
                    console.log(RegExp.input + " isn't a phone number with area code!");
                } else {
                    console.log("Thanks, your phone number is " + OK[0]);
                }
            }
            testInfo('222-111-1234');

 

*

匹配前一个字符0次或者是多次。{0,}

比如,/bo*/会匹配“A ghost boooooed”中的'boooo'和‘A bird warbled’中的‘b’,但是在“A goat grunted”中将不会匹配任何东西。

匹配前面一个字符0次或者1次,和{0,1}有相同的效果。

比如,/e?le?/匹配“angel”中的‘el’,和"angle"中的‘le’以及“oslo”中的'l'。

如果'?'紧跟在在任何量词*, + , ?,或者是{}的后面,将会使量词变成非贪婪模式(匹配最少的次数),和默认的贪婪模式(匹配最多的次数)正好相反。比如,使用/\d+/非全局的匹配“123abc”将会返回“123”,如果使用/\d+?/,那么就只会匹配到“1”。

+

匹配前面一个字符1次或者多次,和{1,}有相同的效果。

比如,/a+/匹配了在“candy”中的a,和在"caaaaaaandy"中所有的a。

.

(小数点)匹配除了换行符(\n)之外的任何单个字符。如果要匹配包括 \n 在内的任意字符,可以使用[\s\S]

比如,/.n/将会匹配‘nay, an apple is on the tree’中的‘an’和‘on’,但是不会匹配'nay'。

x|y

 

匹配‘x’或者‘y’。

 

比如,/green|red/匹配“green red”中的‘green’和“red green ”中的‘red’

优先匹配原则

 

(?:x)

适用exec这类型的匹配。replace貌似没卵用。

匹配'x'但是不记住匹配项。这种被叫做非捕获括号。匹配到的子字符串不能通过结果数组的[1],...,[n]进行访问。

 

x(?=y)

零宽断言

匹配'x'仅仅当'x'后面跟着'y'.这种叫做正向肯定查找

比如,/Jack(?=Sprat)/会匹配到'Jack'仅仅当它后面跟着'Sprat'。/Jack(?=Sprat|Frost)/匹配‘Jack’仅仅当它后面跟着'Sprat'或者是‘Frost’。但是‘Sprat’和‘Frost’都不是匹配结果的一部分。

 

x(?!y)

负向先行断言

匹配'x'仅仅当'x'后面不跟着'y',这个叫做正向否定查找。

比如,/\d+(?!\.)/匹配一个数字仅仅当这个数字后面没有跟小数点的时候。正则表达式/\d+(?!\.)/.exec("3.141")匹配‘141’但是不是‘3.141’

 

{n}

n是一个正整数,匹配了前面一个字符刚好发生了n次。

比如,/a{2}/不会匹配“candy”中的'a',但是会匹配“caandy”中所有的a,以及“caaandy”中的前两个'a'。

/www/与/w{3}/等价。 

 

 [xyz]

一个字符集合。匹配方括号的中任意字符。你可以使用破折号(-)来指定一个字符范围。对于点(.)和星号(*)这样的特殊符号在一个字符集中没有特殊的意义。他们不必进行转意,不过转意也是起作用的。

例如,[abcd] 和[a-d]是一样的。他们都匹配"brisket"中得‘b’,也都匹配“city”中的‘c’。/[a-z.]+/ 和/[\w.]+/都匹配“test.i.ng”中得所有字符。

 

  [^]

[^]大概意义为‘非空’,anychar,等价于:[^\t\n\v\f\r \u00a0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000]

 

\b

匹配一个词的边界。一个词的边界就是一个词不被另外一个词跟随的位置或者不是另一个词汇字符前边的位置。注意,一个匹配的词的边界并不包含在匹配的内容中。换句话说,一个匹配的词的边界的内容的长度是0。(不要和[\b]混淆了)

例子:

/\bm/匹配“moon”中得‘m’;

/oo\b/并不匹配"moon"中得'oo',因为'oo'被一个词汇字符'n'紧跟着。

/oon\b/匹配"moon"中得'oon',因为'oon'是这个字符串的结束部分。这样他没有被一个词汇字符紧跟着。

/\w\b\w/将不能匹配任何字符串,因为一个单词中的字符永远也不可能被一个非词汇字符和一个词汇字符同时紧跟着。

\B

匹配一个非单词边界。他匹配一个前后字符都是相同类型的位置:都是单词或者都不是单词。一个字符串的开始和结尾都被认为是非单词。

例如,/\B../匹配"noonday"中得'oo', 而/y\B./匹配"possibly yesterday"中得’ye‘

\s

匹配一个空白字符,包括空格、制表符、换页符和换行符。

等价于[ \f\n\r\t\v​\u00A0\u1680​\u180e\u2000​\u2001\u2002​\u2003\u2004​ \u2005\u2006​\u2007\u2008​\u2009\u200a​\u2028\u2029​\u2028\u2029​ \u202f\u205f​\u3000]

例如, /\s\w*/ 匹配"foo bar."中的' bar'。

\S

匹配一个非空白字符。

等价于[^ \f\n\r\t\v​\u00A0\u1680​\u180e\u2000​\u2001\u2002​\u2003\u2004​\u2005\u2006​\u2007\u2008​\u2009\u200a​\u2028\u2029​\u2028\u2029​\u202f\u205f​\u3000]

例如, /\S\w*/ 匹配"foo bar."中的'foo'。

\w

匹配一个单字字符(字母、数字或者下划线)。

等价于[A-Za-z0-9_]

例如, /\w/ 匹配 "apple," 中的 'a',"$5.28,"中的 '5' 和 "3D." 中的 '3'。

\W     

匹配一个非单字字符。

等价于[^A-Za-z0-9_]。

例如, /\W/ 或者 /[^A-Za-z0-9_]/ 匹配 "50%." 中的 '%'。

\n

当 n 是一个正整数,一个返回引用到最后一个与有n插入的正值表达式(counting left parentheses)匹配的副字符串。

\1是指向分组1的引用,\2是指向分组2的引用,\3是指向分组3的引用,以此类推

比如 /apple(,)\sorange\1/ 匹配"apple, orange, cherry, peach."中的'apple, orange,' 。

 

 

#

String.prototype.search()

str.search(regexp)

search() 方法执行一个查找,看该字符串对象与一个正则表达式是否匹配。如果匹配成功,则 search() 返回正则表达式在字符串中首次匹配项的索引。否则,返回 -1。

 

RegExp

RegExp(pattern [, flags])

RegExp 构造函数可创建一个正则表达式对象,用特定的模式匹配文本,可插入变量

\需要额外转义

var re = new RegExp("\\w+");
var re = /\w+/;

 

posted @ 2016-03-22 23:02  晴明桑  阅读(602)  评论(0编辑  收藏  举报