正则基础详解

前端之家收集整理的这篇文章主要介绍了正则基础详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

正则基础详解

  1. /^开头,结尾$/
  2. * 匹配0次或多次
  3. + 匹配1-n
  4. ?匹配0次或1次; 当?跟在 * + {n} {n,m} {n,} 后面时,匹配模式是非贪婪的
  5. {n} 匹配确定是n次,n非负数
  6. . 匹配除了换行符\n以外的任何字符 包括点本身
  7. (?:pattern) 小括号中的内容只匹配不捕获
  8. (?=pattern) 正向预查
  9. (?!pattern) 负向预查
  10. x|y 匹配x或者y
  11. [xyz] 匹配xyz中任何一个
  12. [^xyz]匹配未包含xyz的任意字符
  13. [a-z]匹配指定范围的字符
  14. [^a-z]匹配不在az范围内的任意字符
  15.  
  16. \b 匹配一个单词的边界 /er\b/ 能匹配 never 中的er 不能匹配 verb 中的er
  17. \B 匹配非单词边界
  18.  
  19. \d 任意一个数字
  20. \D 任意一个非数字
  21.  
  22. \w 匹配包括下划线的任意字符 [a-zA-Z0-9]
  23. \W 匹配任何非单词字符
  24.  
  25. \s 空白字符
  26. \S 非空白字符
  27.  
  28. \n 匹配任意一个换行字符
  29. \r 回车
  30.  
  31. reg.exec(str) 返回一个数组
  32. [ 0: 匹配到的大正则,1: 匹配到的小分组1,2: 小分组2 3: 匹配到的第一个字符的索引,4:input:整个str ]
  33.  
  34. reg.test(str) 返回true/false
  35.  
  36.  
  37. // 1.反向引用 /(捕获的小分组)\数字/
  38. var reg=/(\w)(\w)\2\1/;// \2 第二个小分组匹配到的内容,\1 第一个小分组匹配到的内容
  39. var str="woow";
  40. console.log(reg.exec(str));// ["woow","w","o",index: 0,input: "woow"]
  41. //
  42. // var reg = /(捕获的小分组)\数字/; \数字 代表的是反向引用,表示 第几个括号内的子正则表达式所捕获的内容,如果小分组加了(?:=pattern),那么反向引用就不管用了。
  43.  
  44. //2.小分组只匹配不捕获 (?:=pattern)
  45. var reg1=/^(?:b|c).+/;
  46. var str1="bbs.www.zhufengpeixun.cn";
  47. console.log(reg1.exec(str1));// 小分组只匹配不捕获 (?:=pattern)
  48. //["bbs.www.zhufengpeixun.cn",input: "bbs.www.zhufengpeixun.cn"]
  49.  
  50. //3.正向预查(?=pattern) 要求匹配的时候满足括号中的条件
  51. // 反向预查 (?!pattern) 要求匹配的时候不满足括号中的条件
  52. // 小括号中的内容只匹配不捕获
  53. var reg3=/cai(?=8)/;
  54. var str3="cai9";
  55. var str4="cai8";
  56. console.log(reg3.exec(str3));// null
  57. console.log(reg3.exec(str4));// ["cai",input: "cai8"]
  58. var reg4=/zhufeng(?!peixun)/;
  59. var string="zhufengpeixun";
  60. var string1="zhufengketang";
  61. console.log(reg4.exec(string));// null
  62. console.log(reg4.exec(string1));// ["zhufeng",input: "zhufengketang"]
  63.  
  64.  
  65. //4. 匹配元字符 * + ? . 就是它们本身就有特殊意义的,需要转义 \
  66. var reg5=/c\*/;
  67. var str05="c*";
  68. console.log(reg5.exec(str05));//["c*",input: "c*"]
  69.  
  70. //5.全局修饰符 ,g 不区分大小写 i ,行首行尾 m
  71.  
  72. //6.[abc] a或b或c 中的任意一个
  73. // [^] 所有的非空字符 不是空格,^在/^/是以...开头的意思。在[^]是非的意思
  74. // [1-13] 从1到1或从1到3 不是1-13
  75. //[元字符] 表示元字符本身的意义,如 [.]表示点本身,不是 除了/n以外的任何字符
  76.  
  77. //7. | 或者
  78. var reg06=/^(z|0).+/;
  79. var s="zhufeng";
  80. console.log(reg06.exec(s));// ["zhufeng","z",input: "zhufeng"]
  81.  
  82. // 8.贪心匹配:在合法的情况下,正则会尽量多的去匹配字符,能匹配到4个,绝不会匹配3个
  83. // 非贪心匹配:? 如 {n,}? *? +? {m,n}?
  84.  
  85. //9.c{n} 匹配固定n个
  86. // c{m,n} 匹配m到n个
  87. // c{n,} 最少匹配n个,最多不限制
  88.  
  89. //10.exec 与 全局修饰符g
  90. // 如果没加全局修饰符g,执行多少次都一样
  91. // 需要手动多次执行,每次执行都会进行新的匹配, 改变了正则的lastIndex的值
  92. var reg07=/(\w)(\w)(\w)/;
  93. var s1="bbs.zhufengpeixun.cn";
  94. var result1=reg07.exec(s1);
  95. var result2=reg07.exec(s1);
  96. console.log(result1);// 如果没加全局修饰符g,执行多少次都一样
  97. console.log(result2);//["bbs","b","s",input: "bbs.zhufengpeixun.cn"]
  98.  
  99. var reg08=/(\w)(\w)(\w)/g;//需要手动多次执行 改变了正则的lastIndex的值
  100. var result3=reg08.exec(s1);
  101. var result4=reg08.exec(s1);
  102. console.log(result3);//["bbs",input: "bbs.zhufengpeixun.cn"]
  103. console.log(result4);//["zhu","h","u",index: 4,input: "bbs.zhufengpeixun.cn"]
  104.  
  105. //11.match 字符串类方法 str.match(reg)
  106. //设置了全局修饰符g,会自动进行多次匹配,并把匹配到的结果放入到数组中,注意没有index和input属性
  107. //match在没有分组的情况下能够更快捷的把多次匹配到的内容保存到数组中
  108. //exec正则类方法 reg.exec(str) 注意 二者写法完全不一样
  109.  
  110. var reg09=/[bz]/;//不设置全局修饰符,结果和exec一样
  111. var s3="bbs.zhufengpeixun.cn";
  112. console.log(s3.match(reg09));//["b",input: "bbs.zhufengpeixun.cn"]
  113.  
  114. var regg=/[bz]/g;//设置了全局修饰符,会自动进行多次匹配,并把匹配到的结果放入到数组中,注意没有index和input属性
  115. var res=s3.match(regg);
  116. console.log(res);//["b","z"]
  117. //12.replace(参数1:正则表达式 被替换的内容,参数2:字符串/函数 用来替换第一个参数匹配到的内容)
  118. //字符串方法 查找并替换 ,返回值 一个新的字符串
  119. //如果reg中有全局标志g,那么将替换所有匹配到的子串,否则,它只替换第一个匹配子串
  120. //当第二个参数不是字符串,是函数的时候,每次匹配都调用函数,将这个函数返回的字符串 作为替换文本使用,这个函数自定义替换规则
  121. //当第二参数是函数时,不仅自动执行此函数,还要给这个函数传3个参数
  122. //1.当正则没有分组时,传进去的第一个实参是正则捕获到的内容,第二个参数是捕获到的内容在原字符串中的索引位置,第三个参数是原字符串
  123. //2.当正则有分组的时候,第一个参数是大正则查找到的内容,后面依次是子正则查找到的内容
  124. //3.传完查找到的内容之后,再把总正则查找到的内容在原字符串中的索引传进,最后传入原字符串
  125. var ostring="XaZZcUdFe";
  126. var oreg=/[a-z]/g;
  127. ostring=ostring.replace(oreg,function () {
  128. return arguments[0]+"("+arguments[1]+")";
  129. });
  130. console.log(ostring);// Xa(1)ZZc(4)Ud(6)Fe(8)
  131. //不加()小分组,arguments:[ 0:匹配到的字符,1:查找到的内容在str中的索引,2:原字符串 ]
  132. var ostr="456a89b72cs";
  133. var oreg11=/(\d)(\d)/g;
  134. ostr=ostr.replace(oreg11,function () {
  135. return Number(arguments[1])+Number(arguments[2]);
  136. });
  137. console.log(ostr);//96a17b9cs
  138.  
  139. var astr="a1b2c3d4";
  140. var rr=/[a-z]/g;
  141. astr=astr.replace(rr,function (result,position,string) {
  142. return `在${position}的位置找到了${result},原字符串是${string};`;
  143. });
  144. console.log(astr);//在0的位置找到了a,原字符串是a1b2c3d4;
  145. // 在2的位置找到了b,原字符串是a1b2c3d4;2在4的位置找到了c,原字符串是a1b2c3d4;3在6的位置找到了d,原字符串是a1b2c3d4;4
  146.  
  147. str.search(reg)
  148. str.split(reg,"")

未完待续。。。。

猜你在找的正则表达式相关文章