JavaScript--正则表达式(笔记)

 

  2 一 什么是正则表达式

  3 // 正则表达式(regular expression)是一个描述字符模式的对象;

  4 // JS定义RegExp类表示正则表达式;

  5 // String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数;

  6 

  7 二 创建正则表达式

  8 1.创建正则表达式

  9 // JS提供了两种方法创建正则;一种是采用new运算符,另一种是采用字面量方式;

 10     (1).var box = new RegExp('box');          // 第一个参数是字符串;

 11             var box = new RegExp('box','ig'); // 第二个参数是可选模式修饰符;

 12     (2).var box = /box/;                      // 直接使用两个反斜杠;

 13             var box = /box/ig;                // 添加模式修饰符;

 14 

 15 2.RegExp对象测试正则表达式

 16 // RegExp对象包含两个方法:test()和exec();功能基本相似,用于测试字符串匹配;

 17 (1).test():在字符串中查找是否存在指定的正则表达式并返回布尔值;  18 // test()实例

 19     var pattern = new RegExp('box','i');     // 创建正则;

 20     var str = 'This is a Box!';              // 创建字符串;

 21     alert(pattern.test(str));                // 通过test()方法验证是否匹配;

 22     // 使用一条语句实现正则匹配;

 23     alert(/box/i.test('This is a box!'));

 24 (2).exec():在字符串中查找指定正则表达式,若成功,则返回包含该查找字符串的相关信息数组;若失败,返回null;

 25 exec()实例

 26     var pattern = /box/i;

 27     var str = 'This is a Box!';

 28     alert(pattern.exec(str));                // 匹配返回了数组;

 29 

 30 3.String对象测试正则表达式

 31 (1).match(pattern):返回pattern中的子串或null;

 32 // math()方法获取匹配数组;

 33     var pattern = /box/ig;　　　　　　　　　　　//开启了全局

 34     var str = 'This is a Box!,That is a Box too!';

 35     alert(str.match(pattern));               // 得到数组:[Box,Box]

 36 (2).search(pattern):返回字符串中pattern开始位置;

 37     var pattern = /box/ig;

 38     var str = 'This is a Box!,That is a Box too!';

 39     console.log(str.search(pattern));        // 10;search()查找到即返回,否则返回-1;

 40 (3).replace(pattern,replacement):用replacement替换pattern;

 41     var pattern = /box/ig;

 42     var str = 'This is a Box!,That is a Box too';

 43     console.log(str.replace(pattern,'Tom')); // 将Box替换成了Tom;

 44 (4).split(pattern):返回字符串按指定pattern拆分的数组;

 45     var pattern = / /ig;

 46     var str = 'This is a Box!, That is a Box too.';

 47     console.log(str.split(pattern));         // 将空格拆开分组成数组;

 48 

 49 三 获取控制

 50 // 正则表达式元字符是包含特殊含义的字符;

 51 // 它们有一些特殊功能,可以控制匹配模式的方式;

 52 // 反斜杠后的元字符将失去其特殊含义;

 53 

 54 1.元字符/元符号    匹配情况

 55 // 字符类:单个字符和数字

 56 .                              匹配除换行符外的任意字符;

 57 [a-z0-9]               　　　　 匹配括号中的字符集中任意字符;

 58 [^a-z0-9]            　　　　　 匹配不在括号中的字符集中的字符;

 59 \d                             匹配数字;

 60 \D                             匹配非数字;

 61 \w                             匹配字母和数字及_

 62 \W                             匹配非字母和数字及_

 63 // 字符类:空白字符

 64 \0                             匹配null字符;

 65 \b                             匹配空格字符;

 66 \f                             匹配进纸字符;

 67 \n                             匹配换行符;

 68 \r                             匹配回车字符;

 69 \t                             匹配制表符;

 70 \s                             匹配空白字符/空格/制表符和换行符;

 71 \S                             匹配非空白字符;

 72 // 字符类:锚字符;

 73 ^                              行首匹配;

 74 $                              行尾匹配;

 75 // 字符类:重复字符;

 76 x?                             匹配0个或1个x;

 77 x*                             匹配0个或任意多个x

 78 x+                             匹配至少一个x;

 79 (xyz)+                         匹配至少一个(xyz);

 80 x{m,n}                         匹配最少m个,最多n个x;

 81 // 字符类:替代字符;

 82 this|where|logo                匹配this或where或logo中任意一个;

 83 // 字符类:记录字符;

 84 $1                             匹配第一个分组中的内容;

 85 实例:

 86 pattern = /g..gle/;         // ".":匹配任意一个字符;

 87 pattern = /g.*gle/;         // ".*":匹配0个或任意多个字符;

 88 pattern = /g[a-z]*gle/;     // [a-z]*:匹配任意个a-z中的字符;

 89 pattern = /g[^0-9]*gle/;    // [^0-9]*:匹配任意个非0-9的字符;

 90 pattern = /[a-z][A-Z]+/;    // [A-Z]+:匹配A-Z中的字符一次或多次

 91 pattern = /g\w*gle/;        // \w*:匹配任意多个所有字符数字及_;

 92 pattern = /google\d*/;      // \d*:匹配任意多个数字;

 93 pattern = /\D{7,}/;         // \D{7,}:匹配至少7个非数字;

 94 pattern = /^google$/;       // "^":从开头匹配;"$":从结尾匹配;

 95 var pattern = /8(.*)8/;

 96 var str = 'This is 8google8';

 97 str.match(pattern);

 98 console.log(RegExp.$1);     // 得到第一个分组里的字符串内容;

 99 

100 2.贪婪和惰性

101 +        +?

102 ?        ??

103 *        *?

104 {n}      {n}?

105 {n,}     {n,}?

106 {n,m} {n,m}?

107 var pattern = /[a-z]+?/;        //"?":关闭了贪婪匹配,只替换了第一个;

108 var str = 'abcdefg';

109 alert(str.replace(pattern,'xxx'));    // =>xxxdefg;

110 

111 // 使用exec返回数组

112 var pattern = /^[a-z]+\s[0-9]{4}$/i;

113 var str  = 'google 2015';

114 alert(pattern.exec(str)[0]);    // 返回整个字符串=>google 2015;

115 

116 var pattern = /^[a-z]+/i;

117 var str = 'google 2015';

118 alert(pattern.exec(str));       //返回匹配到的字母=>google;

119 

120 // 使用特殊字符匹配;

121 var pattern = /\.\[\/b\]/;

122 var str = '.[/b]';

123 alert(pattern.test(str));

124 

125 // 使用换行模式

126 var pattern = /^\d+/mg;

127 var str = '1.baidu\n2.google\n3.bing';

128 var result = str.replace(pattern,"#");

129 alert(result);                  // #.baidu  #.google  #.bing;

130 

131 四 常用的正则

132 1.检查邮政编码

133 // 共6位数字,第一位不能为0;

134 var pattern = /[1-9][0-9]{5}/;

135 var str = '224000';

136 alert(pattern.test(str));

137 

138 2.检查文件压缩包

139 // 数字+字母+_+.+zip|rar|gz

140 var pattern = /[\w]+\.zip|rar|gz/;

141 var str = '123.zip';

142 alert(pattern.test(str));

143 

144 3.删除多余空格

145 var pattern = /\s/g;          // 必须全局,才能全部匹配;

146 var str = '111 222 333';

147 var result = str.replace(pattern,"");

148 

149 4.删除首尾空格

150 var pattern = /^\s+/;                        // 强制首;

151 var str = '    goo  gle   ';

152 var result = str.replace(pattern,"");        // 删除行首空格;

153 pattern = /\s+$/;                            // 强制尾;

154 result = result.replace(pattern,"");         // 删除行尾空格;

155  

156 5.简单的电子邮件验证

157 var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-0_\.\-]+)\.([a-zA-Z]{2,4})$/;

158 var str = '[email protected]';

159 alert(pattern.test(str));