js

正则表达式

2018-08-26  本文已影响2人  CRUD_科科

正则在js中是一类比较特殊的对象，它可以匹配各个场景需要的格式验证，例如邮箱、手机号、用户登录名、密码等等，似乎无处不在，在常见的字符串检索或替换中，我们需要提供一种模式表示检索或替换的规则，来匹配一系列符合某个句法规则的字符串。

以下是正则的较为官方的解释：

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split 方法。

1. 创建正则表达式（以下有两种方式来参考）：
let regex = new RegExp("a")
let regex = new RegExp("^[a-zA-Z]",'g') ; //当使用引号时不必再加反斜杠’／’
let regex = new RegExp(/^[a-zA-Z]/,'gi'); //当有斜杠时就 不用再加引号

let regex = /ab/ ;
let regex=/^[a-zA-Z]/ ;
2.正则表达式的参数，写在//后面，可混合使用

这两种方式都可以来创建一个正则表达式，但是相对来说第二种方式更加常用一些。

let regex=/^[a-zA-Z]/gim ;
3. 正则中常用方法以及字符串中与正则相关的方法

检索"ab"是否匹配前面的正则表达式 /../，正确返回true，不匹配返回false

/../.test("ab"); // true
（2）exec()方法检索字符串中的指定值，如果找到匹配的文本，则返回一个结果的数组，反之返回null。

检索正则表达式/abc/是否在字符串defaabc中匹配到，返回匹配到内容，索引值，以及检索的字符串

/abc/.exec("defaabc") // ["abc", index: 4, input: "defaabc"]

检索/qqq/是否在abcdefaabc中匹配到，返回 null

/qqq/.exec("abcdefaabc") // null
（3）compile()方法用于改变正则匹配内容

将/abc/的匹配内容改成后面的字符串的内容

/abc/.compile('def’) // /def/
（4）split()将字符串分割成字符串数组

将字符串abcd以/b/中的b分割成字符串数组

"abcd".split(/b/); // ["a", "cd"]
（5）replace()方法用于在字符串中用一些字符替换另一些字符或者替换一个与正则表达式匹配的字符串

用正则内容/\d\d\d/去匹配字符串12345abcde，将匹配的内容替换成*，并返回替换完成的字符串

'12345abcde'.replace(/\d\d\d/g,'*'); // "*45abcde"

去掉字符串的引号，全局检索'，替换成''空

'12345abcde'.replace(/'/g,''); //12345abcde

去掉字符串中所有的空格，tab,换页符，换行符

' 12 345ab cd e '.replace(/\s/g,''); // "12345abcde"
(6) search() 用于检索字符串中指定的字符串或与正则表达式相匹配的字符串，返回匹配的字符串的起始位置的索引，反之返回-1
'abcdedfasdfs'.search(/d/); // 3

即使是全局匹配，也只会匹配到第一个的位置

'abcdedfasdfs'.search(/d/g); // 3

如果没有匹配到，返回-1

'abcdedfasdfs'.search(/o/g); // -1
（7）match()方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配

检索指定的值，并返回,b+指多个

"aabbbbccbbaab".match(/b+/g); // ["bbbb", "bb", "b"]
4.正则规则（常用)
常用

如果亲感觉示例代码并没有解除你的疑惑，那么接下来就来分条解释上面的每个字符的用法：

测试字母：

/.../.test("abc"); // true

测试数字：

/.../.test(123); // true

特殊符号：

/............/.test("!@#$%^&*()_+") // true

/\d/.test("a"); // false

测试数字：

/\d/.test(5) //true

特殊符号:

/\d\d\d\d\d\d\d\d\d\d\d\d\d/.test("!@#$%^&*()_+") // false

/\D/.test("a"); // true

测试数字：

/\D/.test(5) // false

特殊符号：

/\D\D/.test("!@") // true

/\w/.test("a"); // true

测试数字：

/\w/.test(5) // true

特殊符号：

/\w\w/.test("!@") // false

/\W/.test("a"); // false

测试数字：

/\W/.test(5) // false

特殊符号：

/\W\W/.test("!@") // true

/\s/.test("a"); // false

测试数字：

/\s/.test(5) // false

特殊符号：

/\s/.test("@") // false

空格Tab：

/\s\s/.test(" ") //true

/\S/.test("a"); // true

测试数字：

/\S/.test(5) // true

特殊符号：

/\S/.test("@") // true

空格Tab：

/\S\S/.test(" ") // false
5.比较常用的正则匹配
（1）手机号

匹配13*的手机号:

/^(1)3(\d){9}$/.test(13131121111)

匹配14*的手机号:

/^(1)4[5-9](\d){8}$/.test(14531121989)

匹配15*的手机号:

/^(1)5[^4]{9}$/.test(15531121989)

匹配16*的手机号：

/^(1)66(\d){8}$/.test(16631121989)

匹配17*的手机号：

/^(1)7[0-8](\d){8}$/.test(17199121989)

匹配18*的手机号：

/^(1)8(\d){9}$/.test(18131121989)

匹配19*的手机号：

/^(1)9[8-9](\d){8}$/.test(19831121989)

匹配所有手机号：

/^((1)3(\d){9}$)|(^(1)4[5-9](\d){8}$)|(^(1)5[^4]{9}$)|(^(1)66(\d){8}$)|(^(1)7[0-8](\d){8}$)|(^(1)8(\d){9}$)|(^(1)9[8-9](\d){8}$)/.test(16961121989)
（2）邮箱

匹配126邮箱：

/((^([a-zA-Z]))(\w){5,17})@126.com$/.test("AA3333333333333333@126.com")

匹配163邮箱：

/((^([a-zA-Z]))(\w){5,17}$)|(^(1)(3(\d){9}$)|(4[5-9](\d){8}$)|(5[^4]{9})|(66(\d){8})|(7[0-8](\d){8})|(8(\d){9}$)|(9[8-9](\d){8}$))@163.com$/.test("15132221989@163.com")

匹配qq邮箱：

/(^[1-9]){5,10}@qq.com$/.test("115511@qq.com")

匹配新浪邮箱：

/^[a-z0-9]([a-z0-9_]{3,15})@sina.(com)|(cn)$/.test('223dddddddaddw22@sina.com')

匹配搜孤邮箱：

/(^[a-z])(\w){3,15}@sohu.com$/.test("dddddddfw@sohu.com")
（3）中文
/^[\u4e00-\u9fa5]$/g.test("我")
（3）国内邮政编码
/^[0-9]{6}$/.test(100000)
上一篇下一篇

猜你喜欢

热点阅读