正则表达式使用

正则表达式

正则表达式 - JavaScript | MDN

正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

搜索模式可用于文本搜索和文本替换。

• 语法:

/正则表达式主体/修饰符(可选)

示例:

var patt = /runoob/i

实例解析：

/runoob/i  是一个正则表达式。

runoob  是一个正则表达式主体 (用于检索)。

i  是一个修饰符 (搜索不区分大小写)。

找 Unicode编码的方法:

"想要查找的字符".charCodeAt(0).toString(16) 就可以找到相对应的unucode 的编码

正则表达式修饰符

修饰符
 可以在全局搜索中不区分大小写:

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	m 修饰符可以使 ^和 $匹配一段文本中每行的开始和结束位置
s	默认情况下的圆点  .是 匹配除换行符 \n之外的任何字符，加上 s 之后,  .中包含换行符 \n

正则表达式模式

方括号用于查找某个范围内的字符：

表达式	描述
[abc]	查找方括号之间的任何英文字符。
[0-9]	查找任何从 0 至 9 的数字。
(x	y)
[\u4e00-\u9fa5]	查找所有中文字符
[,。]	查找标点符号就把标点符号写进[]中

方法 :

正则表达式的方法:

1. test

   查看字符串中是否满足正则表达式的内容,如果有,返回true,没有返回false

2. exec

   查找符合正则的内容,index就是下表,返回一个数组,没找到就返回一个 null

   不能够查找多个

字符串的方法

字符串的方法都可以用

1. replace 替换方法

   右面的参数有两个,第一个是查找到的元素,第二个是下标,这个函数中return 的结果就是这个对于的字符串要替换成什么

2. match 查找 返回数组

   查找一个时,与test类似,可以返回一个数组,下标和查找到的内容

   查找多个时,就会把每个查找到的内容返回出来

3. search 查找元素,返回下标

   只能找到一个正则表达式的下标

4. split 分割数组

字符含义:

1. . : 表示通配符,任意一个字符。一个点就是任意一个,两个点就是任意两个 *写在/中
2. \. : 将通配符转换成字符点的含义 正则表达式中的关键字都要用\转 (除了通配符之外,在[]内其他符号仍然需要转移 [,] 这两个字符也需要转义)
3. \\ : 当遇到\后边的内容 相当于将内容转换成字符
4. [] : 中括号表示在 [] 范围内进行查找。满足 [] 内 任意一个字符,代表任意一个字符 在 [] 内 . 就是字符点
5. [^] : 反义字符(除了…之外)
   • [^0-9] 包含数字以外的数字,除了0-9以外的
   • [a^bc] 如果^{不是[]中的第一位,就代表}字符。实际这个是匹配abc^任意四个字符
6. /^/ : 这个叫做起始符
7. /$/ : 这个叫做结束符 , 写在正则最后
8. + : 可以理解成有至少一个以上
   • n+ : 匹配任何包含至少一个 n 的字符串。
9. * : 代表有或者没有,有多少个都可以
   • n* : 匹配任何包含零个或多个 n 的字符串。
10. ? : 代表有或者没有都行,最多一个 (可能有也可能没有)
    • n? : 匹配任何包含零个或一个 n 的字符串
11. | : 或者 (两者取其一)。
    • | 写在前面的先匹配然后再向后匹配
    • 当多写了一个 | 时,代表着一个空字符 "”

条件匹配:

1. ?= : 匹配任何一个紧跟 = 后的字符
   • a(?=n) 匹配a 后边紧跟 n 的字符 注意,这边找的是后边有 n 的a
2. ?! : 匹配任何后边没有紧接 ! 后字符的字符
   • a(?!n) 匹配a后边不紧跟 n 的字符
3. ?<! : 匹配任何前面不紧跟的字符
   • (?<!a)n 匹配前面没有 a 紧跟的 n
4. ?<= : 匹配任何前面紧跟的字符
   • (?<=a)n 匹配前面有a紧跟的n

字母代表的含义:

元字符是拥有特殊含义的字符：

元字符	描述
/\w/	与 /a-zA-Z0-9_/ 是相同的。代表着中括号中的任意字符
/\W/	与 /^a-zA-Z0-9_/ 是相同的。代表除了所写以外的字符
/\d/	/[0-9]/
/\D/	/[^0-9]/
/\s/	查找空白字符
/\S/	非空格
/\b/	匹配单词边界。单词分割符
/\B/	非空格字符串的内容分割开,将每个字符后面的字符串分割
/\uxxxx/	查找以十六进制数 xxxx 规定的 Unicode 字符。

重复

1. /{}/ : {}中表示重复,写在重复的内容之后

   • 任何内容重复 0 次就是空字符串("”)

     • "aaaa".match(/a{0}/g) 中有5个空字符串,因为每个字母后边都会有一个空的字符串,而且最前面还有一个,加起来是5个

   • {}不能写在 [] 中的,因为[]中代表的是任意一个字符。如果写在里面的话,就是查找{}这个字符

   • {2,5} 这个代表 最少重复2次,最多重复5次

   • {0,1} 作用是有或者没有这个字符都可以。可以用 ? 代替。例如 : /ca{0,1}t ⇒ /ca?t/ ? 代表有或者没有都行,最多一个

   • {2,} 这个代表最少两个,最多不限

   • {0,} 0个以上就是 *。 * 代表有或者没有,有多少个都可以

   • {1,} 一个以上 可以用 + 代替。例如: /ca{1,}t ⇒ /ca+t/ + 可以理解成有至少一个以上

   • 重复满足 最大优先匹配 (贪婪匹配)

     例如 : "aaaaaaaaa".match(/a{0,4}/g) 从4个开始匹配,有两个 4个a ,最后剩下一个 a 和一个 "”

   • 非贪婪匹配 : 在需要匹配的词后边添加一个?

     • 例如 : "caaaaaaaaaaaaaaaat".match(/c.*t/) 这个是贪婪匹配

       "caaaaaaaaaaaaaaaat".match(/c.*?t/) 这个就是非贪婪匹配(会取最小的)

群组

1. () 群组, 将所需要的分组,并且摘取出来

   • 当使用分组时,不要使用 g 全局匹配

   • 分组的顺序是从外向内,从前向后

   • $ 可以指定群组

     //将电话号码中间四位数改成 * 
     var str = "13200000000";
     str = str.replace(/^(\d{3})(\d{4})(\d{4}$)/,"$1****$3");
     console.log(str);
     //没有$0
     

优先级

同优先级从左到右,不同优先级从高到低

运算符	描述	优先顺序
\	转义符	高
(), (?😃, (?=), []	圆括号和方括号	↓
*, +, ?, {n}, {n,}, {n,m}	限定符	↓
^, $, \任何元字符、任何字符	定位点和序列（即：位置和顺序）	↓
|	替换，“或” 操作字符具有高于替换运算符的优先级，使得"m|food"匹配"m"或"food"。若要匹配"mood"或"food"，请使用括号创建子表达式，从而产生"(m|f)ood"。	低

使用正则示例:

1. 正则表达式表单验证实例：

/*是否带有小数*/
function    isDecimal(strValue )  {  
   var  objRegExp= /^\d+\.\d+$/;
   return  objRegExp.test(strValue);  
}  

/*校验是否中文名称组成 */
function ischina(str) {
    var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/
    return reg.test(str);     /*进行验证*/
}

/*校验是否全由8位数字组成 */
function isStudentNo(str) {
    var reg=/^[0-9]{8}$/;   /*定义验证表达式*/
    return reg.test(str);     /*进行验证*/
}

/*校验电话码格式 */
function isTelCode(str) {
    var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
    return reg.test(str);
}

/*校验邮件地址是否合法 */
function IsEmail(str) {
    var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
    return reg.test(str);
}

1. 验证百度网盘

/**
 * [reg 百度网盘链接匹配]
 * 说明：匹配支持百度分享的两种链接格式
 * 格式一：链接: https://pan.baidu.com/s/15gzY8h3SEzVCfGV1xfkJsQ 提取码: vsuw 复制这段内容后打开百度网盘手机App，操作更方便哦
 * 格式二：http://pan.baidu.com/share/link?shareid=179436&uk=3272055266 提取码: vsuw 复制这段内容后打开百度网盘手机App，操作更方便哦
 * 匹配出下载地址和提取码，并且还支持如果没有提取码，也能匹配出下载链接。
 * @type {正则表达式}
 * @return array 返回匹配成功的链接和地址
 */

function baiduDownLinkArr( string ){
  var reg = /([http|https]*?:\/\/pan\.baidu\.com\/[(?:s\/){0,1}|(share)]*(?:[0-9a-zA-Z?=&])+)(?:.+:(?:\s)*)?([a-zA-Z]{4})?/;
  console.log(reg.exec(string));
}