正则表达式语法及应用

什么是正则表达式

• 正则表达式是一种描述字符串结构的语法规则，是用于匹配字符串中字符组合的模式，同时正则表达式也是对象。

创建正则表达式的对象

• RegExp构造函数创建：var 变量 = new RegExp("正则表达式","匹配模式");
• 字面量方式创建：var 变量名 = /正则表达式/匹配模式;
• 匹配模式：
  • g:全局匹配
  • i:忽略大小写
  • m: 多行匹配
• 使用typeof检查正则对象，会返回object

使用|表示或者的意思

• 创建一个正则表达式，检查字符串中是否有a或b
  reg = /a|b/

使用[]里的内容也是或的关系

• [ab] === a|b
• [a-z]：任意小写字母
• [A-Z]：任意大写字母
• [A-z]：任意字母
• [0-9]：任意数字
• [^ ]：除了里面的字母
• [a-zA-Z0-9]：匹配大小写字母和0~9的字符
• [\u4e00-\u9fa5]：匹配任意一个中文字符

检查一个字符串中是否 含有abc或adc或aec
reg = /a[bde]c/;

正则表达式的方法

test()

• test() 这个方法可以用来检查一个字符是否符合正则表达式的规则
• 如果符合则返回true，否则返回false

var reg = new RegExp("a");
var str1 = "cbabc";
var str2 = "cbbc";

console.log(reg.test(str1));//true
console.log(reg.test(str2));//false

split()

• 该方法可以将一个字符串拆分为一个数组
• 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
• 该方法即使不指定正则表达式全局模式，也会全部查找

var str = "1c2b3a4b56c78";
var result = str.split(/[A-z]/);
console.log(result);//[ '1', '2', '3', '4', '56', '78' ]

search()

• 该方法可以搜索字符串中是否含有指定内容
• 如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到返回-1
• 可以接收一个正则表达式作为参数，然后根据正则表达式去检索字符串
• 该方法只会查找第一个，即使设置正则表达式全局模式匹配也没用

var str = "hello iabc maabc ";
var result = str.search(/a[bd]c/);
console.log(result);//7

match()

• 该方法可以根据正则表达式，从一个字符串中将符号条件的内容提取出来
• 默认情况下该方法只会找到第一个符合要求的内容，找到以后就会停止检索，设置正则表达式为全局匹配模式，就会匹配到所有的内容
• 该方法会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果

var str = "h1e3ll89o w46o6r8}ld ";
var result1 = str.match(/[A-z]/);
var result2 = str.match(/[A-z]/g);
console.log(result1);//['h']
console.log(result2);//['h', 'e', 'l', 'l','o', 'w', 'o', 'r','l', 'd']

replace()

• 该方法可以将字符串中指定内容替换为新的内容
• 参数：
  • 被替换的内容，可以接收一个正则表达式作为参数
  • 新的内容，如果接收的是一个空字符串，则代表删除替换的内容
• 默认只会替换第一个，设置正则表达式为全局匹配模式，就会匹配到所有的内容

var str = "h1e2l3lo w456o7r8ld ";
var result1 = str.replace(/[A-z]/,"@-@");
var result2 = str.replace(/[A-z]/gi,"@-@");
var result3 = str.replace(/[A-z]/gi,"");
console.log(result1);//"@-@1e2l3lo w456o7r8ld"
console.log(result2);//"@-@1@-@2@-@3@-@@-@ @-@456@-@7@-@8@-@@-@"
console.log(result3);//"123 45678"

量词符

• 通过量词可以设置一个内容出现 的次数
• 量词只对它前边的一个内容起作用

{}

• {n}正好出现n次
• {m, n}出现m-n次
• {m, }出现m次及以上

var reg = /a{3}/ //出现3次a
var reg1 = /(ab){3}/ //出现3次ab
var reg2 = /ab{1,3}c/ //出现1-3次b
var reg2 = /ab{3,}c/ //出现3次及以上b

+

• +至少一个，相当于{1, }

var reg = /ab+c/ //至少出现1次b

*

• *0个或多个，相当于{0,}

var reg = /ab*c/ //出现0次及以上b

?

• ? 0个或1个，相当于{0,1}

var reg = /ab?c/ //出现0次或者1次b

边界符

^ $

• ^表示开头
• $表示结尾

var reg = /^a/ //匹配以a开头的字符串
var reg1 = /a$/ //匹配以a结尾的字符串

• 如果在正则表达式中同时使用了^ $则要求字符串必须完全符合正则表达式

var reg = /^a$/ //匹配完全和a相同的的字符串

元字符

.

• . 表示除了\n的任意字符
• 如果要检查一个字符串中是否含有.，可以使用\作为转义字符
• /\./来检查字符串中的.
• /\\/来检查字符串中的\,注意：在字符串中也是使用\\表示一个\
• 使用正则表达式构造函数时， 由于它的参数是一个 字符串，而\是字符串中 的转义字符，所以使用>\则需要使用\\例如var reg = new RegExp("\\.")

\w

• 任意字母、数字、_ 。相当于[A-z0-9_]

\W

• 除了字母、数字、_ 。相当于[^A-z0-9_]

\d

• 任意数字。相当于[0-9]

\D

• 除了数字。相当于[^0-9]

\s

• 空格。

\S

• 除了空格。

\b

• 单词边界。

创建一个正则表达式检查一个字符串中是否含有单词world

var reg = /\bworld\b/;
var str1 = "hello world!!!"
var str2 = "hello myworld!!!"
console.log(reg.test(str1));//true
console.log(reg.test(str2));//false

\B

• 除了单词边界。

创建一个检查字符串是否是一个合法手机号的正则表达式

• 手机号的规则：
• 1 3 567890123(11位)
• 以1开头 ^1
• 第二位3~9任意数字 [3-9]
• 三位以后任意数字9个 [0-9]{9}$

var phoneReg = /^1[3-9][0-9]{9}$/
var phoneStr = "13567890123"
console.log(phoneReg.test(phoneStr));//true

去除字符串中的前后空格

• 匹配开头空格/^\s*/
• 匹配结尾空格/\s*$/

var str1 = "     hello  world!!!      "
str1 = str1.replace(/^\s*|\s$/g, "")
console.log(str1);//hello  world!!!

邮件的正则表达式

电子邮件：

• hello .nihao @ abc .com.cn
• 任意子母数字下划线 .任意字母 数字下划线 @ .任意字母(2-5位) .任意字母(2-5)
• \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2}

var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
var email = "abc.hello@163.com";
console.log(emailReg.test(email));//true