重点js

正则表达式

2018-03-13  本文已影响0人  该昵称注册中

常用正则表达式

RegExp:就是用一个"字符串"来描述一个特征.然后去验证另一个"字符串"是否符合这个特征

涉及概念:特殊字符/非特殊字符,贪婪字符/非贪婪字符.捕获括号/非捕获括号

用处

1:验证字符串是否符合指定特征,例如验证电话号码

2:用来查找/替换字符串,从一个长的文本中查找/替换指定特征的字符串,比查找/替换固定字符串更灵活

创建正则表达式

1:隐式创建

const regex = /a*c/gi

2:显示创建,调用RegExp对象的构造函数

new RegExp(pattern [, flags]) //pattern 字符串,可以用来接收外来匹配
let regex = new RegExp("a*c");
let regex = new RegExp("^[a-zA-Z]+[0-9]*\W?_$","gi")
//使用new RegExp的情况:1:当你知道正则表达式将会改变 2:用户输入正则表达式
字符 含义
\ 匹配将按照下列的规则:1:在非特殊字符之前的\表示下一个字符是特殊的,不能从字面上解释, 例如,没有前面’\’的’b’通常匹配小写’b’,无论它们出现在哪里。如果加了’\’,这个字符变成了一个特殊意义的字符,意思是匹配一个[字符边界]。2: 反斜杠也可以将其后的特殊字符,转义为字面量。例如,模式 /a * */ 代表会匹配 0 个或者多个 a。相反,模式 /a\ / 将 * 的特殊性移除,从而可以匹配像 “a” 这样的字符串3: 使用 new RegExp(“pattern”) 的时候不要忘记将 \ 进行转义,因为 \ 在字符串里面也是一个转义字符。
^ 匹配输入的开始.如果多行(m)的标志设为true,那么也匹配换行符后紧跟的位置.例如:/^A/不会匹配"an A",他匹配第一个. 注意: 当 ‘^’ 作为第一个字符出现在一个字符集合模式时,它将会有不同的含义
$ 匹配输入的结束。如果多行标示被设置为true,那么也匹配换行符前的位置。
* 匹配前一个表达式0次或多次.等价于{0,}. 例如,/bo*/会匹配 “A ghost boooooed” 中的 ‘booooo’ 和 “A bird warbled” 中的 ‘b’
+ 匹配前面一个表达式1次或者多次。等价于 {1,}。 例如,/a+/匹配了在 “candy” 中的 ‘a’,和在 “caaaaaaandy” 中所有的 ‘a’。
? 匹配前面一个表达式0次或者1次。等价于 {0,1}。 例如,/e?le?/ 匹配 “angel” 中的 ‘el’,和 “angle” 中的 ‘le’ 以及”oslo’ 中的’l’。 注意:如果?紧跟在任何在任何量词,+,?,或{}的后面,将会使量词变为非贪婪的(尽量匹配少的字符), 和缺省使用的贪婪模式*(匹配尽可能多的字符)正好相反. 例如,对 “123abc” 应用 /\d+/ 将会返回 “123”,如果使用 /\d+?/,那么就只会匹配到 “1”。默认是贪婪模式。见示例
. (小数点)匹配除换行符之外的任何的单个字符 例如,/.n/将会匹配 “nay, an apple is on the tree” 中的 ‘an’ 和 ‘on’,但是不会匹配 ‘nay’。
(x) 匹配 ‘x’ 并且记住匹配项,就像下面的例子展示的那样。括号被称为 捕获括号。 模式 /(foo) (bar) \1 \2/ 中的 ‘(foo)’ 和 ‘(bar)’ 匹配并记住字符串 “foo bar foo bar” 中前两个单词。模式中的 \1 和 \2 匹配字符串的后两个单词,重复。注意 \1、\2、\n 是用在正则表达式的匹配环节。在正则表达式的替换环节,则要使用像$1、$$2、$n 这样的语法,例如'foo bar'.replace(/(foo) (bar)/,'$2 $1')
(?:x) 匹配 ‘x’ 但是不记住匹配项。这种叫作非捕获括号,使得你能够定义为与正则表达式运算符一起使用的子表达式。来看示例表达式 /(?:foo){1,2}/。如果表达式是 /foo{1,2}/,{1,2}将只对 ‘foo’ 的最后一个字符 ’o‘ 生效。如果使用非捕获括号,则{1,2}会匹配整个 ‘foo’ 单词。
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’,见例子
x|y 匹配‘x’或者‘y’。例如,/green|red/匹配“green apple”中的‘green’和“red apple”中的‘red’
{n} n是一个正整数,匹配了前面一个字符刚好发生了n次, 比如,/a{2}/不会匹配“candy”中的’a’,但是会匹配“caandy”中所有的a,以及“caaandy”中的前两个’a’。
{n,m} n 和 m 都是整数。匹配前面的字符至少n次,最多m次。如果 n 或者 m 的值是0, 这个值被忽略。 例如,/a{1, 3}/ 并不匹配“cndy”中得任意字符,匹配“candy”中得a,匹配“caandy”中得前两个a,也匹配“caaaaaaandy”中得前三个a。注意,当匹配”caaaaaaandy“时,匹配的值是“aaa”,即使原始的字符串中有更多的a。
[xyz] 一个字符集合。匹配方括号的中任意字符,包括转义序列。你可以使用破折号(-)来指定一个字符范围。对于点(.)和星号(*)这样的特殊符号在一个字符集中没有特殊的意义。他们不必进行转义,不过转义也是起作用的。 例如,[abcd] 和[a-d]是一样的。他们都匹配”brisket”中得‘b’,也都匹配“city”中的‘c’。/[a-z.]+/ 和/[\w.]+/都匹配“test.i.ng”中得所有字符。
[^xyz] 一个反向字符集。也就是说, 它匹配任何没有包含在方括号中的字符。你可以使用破折号(-)来指定一个字符范围。任何普通字符在这里都是起作用的。 例如,[^abc] 和 [^a-c] 是一样的。他们匹配”brisket”中得‘r’,也匹配“chop”中的‘h’。
[\b] 匹配一个退格(U+0008)。(不要和\b混淆了。)
\b 匹配一个词的边界。一个词的边界就是一个词不被另外一个词跟随的位置或者不是另一个词汇字符前边的位置。注意,一个匹配的词的边界并不包含在匹配的内容中。换句话说,一个匹配的词的边界的内容的长度是0。(不要和[\b]混淆了)<br /> /\bm/匹配“moon”中得‘m’;<br /> /oo\b/并不匹配”moon”中得’oo’,因为’oo’被一个词汇字符’n’紧跟着。<br /> /oon\b/匹配”moon”中得’oon’,因为’oon’是这个字符串的结束部分。这样他没有被一个词汇字符紧跟着。<br /> /\w\b\w/将不能匹配任何字符串,因为一个单词中的字符永远也不可能被一个非词汇字符和一个词汇字符同时紧跟着。
\B 这个不太懂
\d 匹配一个数字 等价于[0-9] 例如, /\d/ 或者 /[0-9]/ 匹配”B2 is the suite number.”中的’2’。
\D 匹配一个非数字字符。等价于[^0-9] 例如, /\D/ 或者 /[^0-9]/ 匹配”B2 is the suite number.”中的’B’ 。
\f 匹配一个换页符 (U+000C)。
\n 匹配一个换行符 (U+000A)。
\r 匹配一个回车符 (U+000D)。
\s 匹配一个空白字符, 包括空格、制表符、换页符和换行符。 例如, /\s\w*/ 匹配”foo bar.”中的’ bar’。
\S 匹配一个非空白字符。 例如, /\S\w*/ 匹配”foo bar.”中的’foo’。
\t 匹配一个水平制表符 (U+0009)。
\v 匹配一个垂直制表符 (U+000B)。
\w 匹配一个单字字符(字母、数字或者下划线)。 等价于[A-Za-z0-9_]。<br /> 例如, /\w/ 匹配 “apple,” 中的 ‘a’,”$5.28,”中的 ‘5’ 和 “3D.” 中的 ‘3’。
\W 匹配一个非单字字符。 等价于[^A-Za-z0-9_]。<br /> 例如, /\W/ 或者 /[^A-Za-z0-9_]/ 匹配 “50%.” 中的 ‘%’。
\n 当 n 是一个正整数,一个返回引用到最后一个与有n插入的正值表达式(counting left parentheses)匹配的副字符串<br /> 比如 /apple(,)\sorange\1/ 匹配”apple, orange, cherry, peach.”中的’apple, orange,’ 。

? 的贪婪和非贪婪模式

//贪婪模式
var reg = /\d+/i;
var num = "123444www";
var h = num.replace(reg,"p")
console.log(h)  //h=>pwww
//非贪婪模式
var reg = /\d+?/i;
var num = "123444www";
var h = num.replace(reg,"p")
console.log(h)  //h=>p23444www

(x)捕获括号和非捕获括号

//捕获括号
var number = "deleteChild(236737)".replace(/.*\((\d+)\)$/, '$1');
console.log(number) // number => 236737
var c = "foo bar foo bar"
var k = c.replace(/(foo) (bar) \1 \2/,"www") 
console.log(number) // k => www
//非捕获括号
var d = "wwwMMMMwww";
var reg2 = /(?:www)(MMM)/g
var dd = d.replace(reg2,'$1')
console.log(dd) //MMMMwww  (?:www)不是作为第一个(MMM)才是

正向肯定查找和正向否定查找

正向肯定查找
var b = "bill bicc bikk"
var reg = /bi(?=cc|kk)/g
var kk = b.replace(reg,'gg');
console.log(kk)  //bill ggcc ggkk
正向否定查找
var num = "3.123"
var reg1 = /\d+(?!\.)/g
var d = num.replace(reg1,'M')
console.log(d)  //3.M

RegExp对象方法

正则表达式可以被用于RegExp的exec()和test()方法以及String的match,replace,search和spilt方法

1:test()

test()方法检索字符串中是否存在指定的值,返回true或false.

var patt1 = new RegExp('e');
console.log(patt1.test('some text'));
// OUTPUT:true
// 判断是不是QQ号
// 1 首位不能是0  ^[1-9]
// 2 必须是 [5, 11] 位的数字 \d{4, 9}
var str = '80583600';
var regexp = /^[1-9][0-9]{4,10}$/gim;
if (regexp.test(str)) {
    alert('is');
} else {
    alert('no');
}
2:exec()

检索字符串中的指定值.找到多个或一个返回都的是被找到的值,如果没有发现匹配,则返回null

//如果找到多个 返回值包含找到第一个的值
var patt1 = new RegExp('e');
console.log(patt1.exec('some text'));
// OUTPUT:e
var patt2 = new RegExp('ee');
console.log(patt2.exec('some text'));
// OUTPUT:null
compile() 既可以改变检索模式,也可以添加或删除第二个参数
var patt1=new RegExp("e");
console.log(patt1.test("The best things in life are free")); // true
// 改变了检索模式
patt1.compile("eee");
console.log(patt1.test("The best things in life are free")); // false

var patt1=new RegExp("E");
console.log(patt1.test("The best things in life are free"));  //false

patt1.compile("E","i")
console.log(patt1.test("The best things in life are free")); //true

支持正则表达式的 String 对象的方法

search 检索与正则表达式相匹配的值 返回第一个匹配值的下标
var str = "9999www0000wwww";
var index = str.search(/www/g)
console.log(index) //4
match 找到一个或多个正则表达式匹配的值 或值组成的数组
var str = "9999www0000wwww";
var index = str.match(/www/g)
console.log(index)  //["www","www"]
replace 替换与正则表达式的子串
var str = "Visit Microsoft!"
console.log(str.replace(/Microsoft/, "W3School"));
split 把字符串分割为字符串数组
var str = "How are you doing today?"
console.log("str.split(/\s+/)")
//["How", "are", "you", "doing", "today?"]

参考的http://www.css88.com/archives/7991

注意
var reg2 = /^[abc]{2,5}.*[abc]{2,5}$/
var reg3 = /^[abc]{2,5}$/
var name1 = "ca2412ca"
console.log(reg2.test(name))     //true 
console.log(reg3.test(name1))    //false 因为^和$都是用的同一个[abc] 所以name1里面的东西要全符合才行
上一篇下一篇

猜你喜欢

热点阅读