13 正则

13 正则

正则概述

正则是用于检验对应的字符串的一种特殊表达式。一般用于用户格式验证。

正则对象声明

使用//来声明

var regexp = /a/ig
console.log(regexp)

使用new关键字声明

//第一个传入的是对应的正则表达式 第二个传入为当前匹配模式
var regexp = new RegExp('a','g')
console.log(regexp)

正则的匹配修饰符

• g 全局
• i 不区分大小写
• m 换行
• s 单个匹配

正则对象的方法及属性

方法

• test 验证是否匹配
• exec 返回匹配的数组

//正则对象的方法 boolean
console.log(regexp.test('hello')) //false
console.log(regexp.test('apple')) //true
//exec 执行 返回的是一个数组 类于match
console.log(regexp.exec('ooA'))

属性

• dotAll 是否到匹配修饰符s
• flags 匹配修饰符
• global 是否全局查找
• ignoreCase 是否不区分大小写
• lastIndex 下一次匹配的开始索引

//属性
console.log(regexp.dotAll)//是否到匹配修饰符s
console.log(regexp.flags) //匹配修饰符
console.log(regexp.global) //是否全局查找
console.log(regexp.ignoreCase) //是否不区分大小写
console.log(regexp.lastIndex) //下一次匹配的开始索引

正则表达式中的元字符（特殊字符）

• ^ 表示开头

• $ 表示结尾

  var regexp = /^ab$/  //以a开头 以b结尾
  console.log(regexp.test('ab')) //true
  console.log(regexp.test('a1b')) //false
  

• [] 表示里面的任意一个元素

  //[] 表示里面的任意一个元素
  var reg = /^[abc]a$/ //只匹配aa ba ca
  console.log(reg.test('ab')) //false
  var reg = /^[abc][ab]$/ //只匹配aa ab ba bb ca cb
  console.log(reg.test('ab')) //true
  

• {} 表示个数

  {n} 表示n个

  {n,m} 表示n到m个 （必要条件 m>n）

  {n,} 表示n到无穷个

  //{} 表示个数
  var reg = /[abc]{2}/ //里面包含  /[abc]{2}/ == /[abc][abc]/
  console.log(reg.test('ab'))//true
  //{2,3} 俩个到三个
  var reg = /^[abc]{2,3}$/ 
  console.log(reg.test('abc'))//true
  //{2,} 俩个到无穷个
  var reg = /[a]{2,}/
  console.log(reg.test('aaab'))//true
  

• () 表示分组

  //() 表示分组 
  var reg = /(ab){2}/ //abab 
  console.log(reg.test('abaa')) //false
  

• 数字的表示方式

  \d 表示数字 \D表示非数字

  [0-9] 表示数字

  //\d表示数字 [0-9]
  console.log(/\d/.test('1a'))//true
  console.log(/[0-9]/.test('1a'))//true
  //\D表示非数字 大小的表示相反
  console.log(/\D/.test('123')) //false
  

• 字母表示方式

  //表示字母 [A-Z]大写字母 [a-z] 小写字母  [A-z] 大写字母和小写字母
  console.log(/[A-Z]/.test('abc')) //false
  console.log(/[A-z]/.test('abc')) //true
  console.log(/[a-z]/.test('abc')) //true
  

• \w 表示数字字母下滑线 \W 非数字字母下滑线

  // \w表示数字 字母及下滑线 \W表示非数字 字母 下滑线
  console.log(/\w/.test('_')) //true
  console.log(/\w/.test('1')) //true
  console.log(/\w/.test('a')) //true
  console.log(/\w/.test('-')) //false
  console.log(/\W/.test('-')) //true
  console.log(/\W/.test('_')) //false
  

• \s 表示空白字符 \S非空白字符

  //\s表示空白字符 \S表示非空白字符
  console.log(/\s/.test("  ")) //true
  console.log(/\S/.test("  ")) //false
  console.log(/\S/.test("a")) //true
  

• + 表示1个到多个 相当于{1,}

• ？表示0个到1个 相当于{0,1}

• * 表示0个到多个 相当于{0,}

  // +表示0到多个 ?表示0个到一个 *表示0个到多个
  console.log(/^([\d\w]*)+$/.test('19w8101397198347')) //true
  console.log(/^([\d\w]*)+$/.test('?_+1'))//false
  console.log(/^([\d\w]*)+$/.test(''))//true
  

• | 或者符号

  //| 或者 | 或符号建议和分组一起使用
  console.log(/^([a]{2})|([b]{3})$/.test('aa'))//true
  console.log(/^([a]{2})|([b]{3})$/.test('bbb'))//true
  console.log(/^([a]{2})|([b]{3})$/.test('abb'))//false
  

• .表示任意字符

  //. 任意字符串
  console.log(/^.$/.test('1')) //true
  console.log(/^.$/.test('b'))//true
  console.log(/^.$/.test('?'))//true
  console.log(/^.$/.test(' '))//true
  

正则的转义

转义的概念就是将我们的元字符变为普通字符串

• 使用[] 进行转义 只能对应的普通的元字符 (? * . +等)
• 使用\转义字符 可以对任意进行转义

//转义 第一种方式将对应的非修饰的字母 不带反斜杠开头的元字符 使用[]把他包起来
console.log(/[?]/.test('?'))
console.log(/[.]/.test('.'))//true
console.log(/[.]/.test('a'))//false
console.log(/[\d]/.test('\d')) //false
console.log(/[\w]/.test('\w')) //false
//第二种使用转义字符 \
console.log(/\[\]/.test('[]'))
console.log(/\./.test('.'))

支持正则的字符串的方法

• match 匹配
• search 查找
• replace 替换
• split 切割