1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title> javascript 正则表达式 </title>
  5. <meta name="Generator" content="EditPlus">
  6. <meta name="Author" content="">
  7. <meta name="Keywords" content="">
  8. <meta name="Description" content="">
  9. <script type="text/javascript">
  10. //javascript正则表达式的基本知识
  11. //声明javascript 正则表达式
  12. var reCat = new RegExp("cat");
  13. //你也可以
  14. var reCat = /cat/;      //Perl 风格   （推荐）
  15. //学习最常用的 test exec match search  replace  split 6个方法
  16. //1） test  检查指定的字符串是否存在
  17. var data = "123123";
  18. var reCat = /123/gi;
  19. alert(reCat.test(data));  //true
  20. //检查字符是否存在  g 继续往下走  i 不区分大小写
  21. //2） exec 返回查询值
  22. var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
  23. var reCat = /cat/i;
  24. alert(reCat.exec(data));  //Cat
  25. //3）match  得到查询数组
  26. var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
  27. var reCat = /cat/gi;
  28. var arrMactches = data.match(reCat)
  29. for (var i=0;i < arrMactches.length ; i++)
  30. {
  31. alert(arrMactches[i]);   //Cat  cat
  32. }
  33. //4） search  返回搜索位置  类似于indexof
  34. var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
  35. var reCat = /cat/gi;
  36. alert(data.search(reCat));  //23
  37. //5） replace  替换字符  利用正则替换
  38. var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
  39. var reCat = /cat/gi;
  40. alert(data.replace(reCat,"libinqq"));
  41. //6）split   利用正则分割数组
  42. var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
  43. var reCat = /\,/;
  44. var arrdata = data.split(reCat);
  45. for (var i = 0; i < arrdata.length; i++)
  46. {
  47. alert(arrdata[i]);
  48. }
  49. //学习下  简单类   负向类  范围类  组合类
  50. //简单类
  51. var data = "1libinqq,2libinqq,3libinqq,4libinqq";
  52. var reCat = /[123]libinqq/gi;
  53. var arrdata = data.match(reCat);
  54. for (var i = 0; i < arrdata.length; i++)
  55. {
  56. alert(arrdata[i]);  // 1libinqq 2libinqq  3libinqq
  57. }
  58. //负向类
  59. var data = "alibinqq,1libinqq,2libinqq,3libinqq,4libinqq";  //\u0062cf
  60. var reCat = /[^a123]libinqq/gi;
  61. var arrdata = data.match(reCat);
  62. for (var i = 0; i < arrdata.length; i++)
  63. {
  64. alert(arrdata[i]);  //4libinqq
  65. }
  66. //范围类
  67. var data = "libinqq1,libinqq2,libinqq3,libinqq4,libinqq5";  //\u0062cf
  68. var reCat = /libinqq[2-3]/gi;
  69. var arrdata = data.match(reCat);
  70. for (var i = 0; i < arrdata.length; i++)
  71. {
  72. alert(arrdata[i]);   // libinqq2  libinqq3
  73. }
  74. //组合类
  75. var data = "a,b,c,w,1,2,3,5";  //\u0062cf
  76. var reCat = /[a-q1-4\n]/gi;
  77. var arrdata = data.match(reCat);
  78. for (var i = 0; i < arrdata.length; i++)
  79. {
  80. alert(arrdata[i]);  // a b c 1 2 3
  81. }
  82. //以上为 js正则 最基本的使用方法
  83. </script>
  84. </head>
  85. <body>
  86. <!-- javascript正则表达式 进阶篇  -->
  87. <!-- javascript  正则表达式是分组知识  -->
  88. <script language="JavaScript">
  89. /*正则表达式  简单的分组
  90. 举例 我们要查找字符串 MouseMouse
  91. var reCat = /MouseMouse/gi;
  92. 尽管这是可以的，但是有点浪费。如果不知道Mouse 在字符串中到底出现几次时该怎么办，如果重复多次呢。
  93. var reCat = /(mouse){2}/gi;    括号的意思列Mouse 将在一行连续出现2次。
  94. */
  95. var data = "Ah-mousemouse";
  96. var reCat = /(mouse){2}/gi;
  97. var arrdata = data.match(reCat);
  98. for (var i = 0; i < arrdata.length; i++)
  99. {
  100. alert(arrdata[i]);
  101. }
  102. </script>
  103. <script language="JavaScript">
  104. /*正则表达式  复杂的分组
  105. ?   零次 或 一次
  106. *   零次 或 多次
  107. +   最少一次 或 多次
  108. */
  109. var data = "bb ba da bad dad aa ";
  110. var reCat = /([bd]ad?)/gi;   // 匹配出 ba da bad  dad
  111. var arrdata = data.match(reCat);
  112. for (var i = 0; i < arrdata.length; i++)
  113. {
  114. alert(arrdata[i]);
  115. }
  116. // 同时 也不介意将分组放在分组中间
  117. // var re = /(mom( and dad)?)/;    匹配出 mom  或  mon and daa
  118. </script>
  119. <script language="JavaScript">
  120. /*正则表达式  反向引用*/
  121. var sToMatch = "#123456789";
  122. var reNumbers = /#(\d+)/;
  123. reNumbers.test(sToMatch);
  124. alert(RegExp.$1);
  125. /*
  126. 这个例子尝试匹配后面跟着几个或多个数字的镑符合，并对数字进行分组
  127. 以存储他们。在调用 test 方法后，所有的反向引用都保存到了 RegExp 构造函数中
  128. 从 RegExp.$1(它保存了第一个反向引用）开始，如果还有第二个反向引用，就是
  129. RegExp.$2，如果还有第三个反向引用存在，就是 RegExp.$3.依此类推。因为该组
  130. 匹配了 “123456780”，所以 RegExp.$1 中就存储了这个字符串。
  131. */
  132. var sToChange = "1234 5678";
  133. var reMatch = /(\d{4}) (\d{4})/;
  134. var sNew = sToChange.replace(reMatch,"$2 $1");
  135. alert(sNew);
  136. /*
  137. 在这个例子中，正则表达式有两个分组，每一个分组有四个数字。在 replace() 方法的第二个参数
  138. 中，$2 等同于 “5678” ，而 $1 等同于 “1234”，对应于它们在表达式中的出现顺序。
  139. */
  140. </script>
  141. <script language="JavaScript">
  142. /*正则表达式  候选 */
  143. var sToMatch1 = "red";
  144. var sToMatch2 = "black";
  145. var reRed = /red/;
  146. var reBlack = /black/;
  147. alert(reRed.test(sToMatch1) || reBlack.test(sToMatch1));
  148. alert(reRed.test(sToMatch2) || reBlack.test(sToMatch2));
  149. /*
  150. 这虽然能完成任务，但是十分沉长，还有另一种方式就是正则表达式的候选操作符。
  151. */
  152. var sToMatch1 = "red";
  153. var sToMatch2 = "black";
  154. var reRedOrBlack = /(red|black)/;
  155. alert(reRedOrBlack.test(sToMatch1));
  156. alert(reRedOrBlack.test(sToMatch2));
  157. </script>
  158. <script language="JavaScript">
  159. /*正则表达式  非捕获性分组
  160. 如果要创建一个非捕获性分组，只要在左括号的后面加上一个问号和一个紧跟的冒号：
  161. */
  162. var sToMatch = "#123456789";
  163. var reNumbers = /#(?:\d+)/;
  164. reNumbers.test(sToMatch);
  165. alert(RegExp.$1);
  166. /*
  167. 这个例子的最后一行代码输出一个空字符串，因为该组是非捕获性的，
  168. */
  169. var sToMatch = "#123456789";
  170. var reNumbers = /#(?:\d+)/;
  171. alert(sToMatch.replace(reNumbers,"abcd$1"));
  172. /*
  173. 正因如此，replace()方法就不能通过 RegExp.$x 变量来使用任何反向引用，这段代码
  174. 输出的“abcd$1”而不是abcd123456789, 因为$1 在这里并不被看成是一个反向引用。
  175. */
  176. </script>
  177. <script language="JavaScript">
  178. /*正则表达式  前瞻
  179. 前瞻 就和它名字一样，它告诉正则表达式运算器向前看一些字符而不是移动位置
  180. */
  181. var sToMatch1 = "bedroom";
  182. var sToMatch2 = "bedding";
  183. var reBed = /bed(?=room)/;
  184. alert(reBed.test(sToMatch1));  //true
  185. alert(reBed.test(sToMatch2));  //false
  186. //负向前瞻
  187. var sToMatch1 = "bedroom";
  188. var sToMatch2 = "bedding";
  189. var reBed = /bed(?!room)/;
  190. alert(reBed.test(sToMatch1)); //false
  191. alert(reBed.test(sToMatch2)); //true
  192. </script>
  193. <script language="JavaScript">
  194. /*正则表达式  边界
  195. ^     行开头
  196. $     行结尾
  197. \b    单词的边界
  198. \B    非单词的边界
  199. */
  200. var sToMatch = "Important word is the last one.";
  201. var reLastWord = /(\w+)\.$/;
  202. reLastWord.test(sToMatch);
  203. alert(RegExp.$1);  //one
  204. /*
  205. 假如想查找一个单词，但要它只出现在行尾，则可以使用美元符号 ($)来表示它：
  206. */
  207. var sToMatch = "Important word is the last one.";
  208. var reLastWord = /^(\w+)/;
  209. reLastWord.test(sToMatch);
  210. alert(RegExp.$1);  //Important
  211. /*
  212. 在这个例子中，正则表达式查找行起始位置后的一个或多个单词字符。如果遇到非单词字符
  213. 匹配停止，返回 Important。 这个例子也可以用单词边界实现。
  214. */
  215. var sToMatch = "Important word is the last one.";
  216. var reLastWord = /^(.+?)\b/;
  217. reLastWord.test(sToMatch);
  218. alert(RegExp.$1);  //Important
  219. /*
  220. 这里，正则表达式用惰性量词来制定在单词边界之前可以出现任何字符，且可以出现一次或
  221. 多次（如果使用贪婪性量词，表达式就匹配整个字符串）。
  222. */
  223. var data = " First second thind fourth fifth sixth ";
  224. var reCat = /\b(\S+?)\b/g;
  225. var arrdata = data.match(reCat);
  226. for (var i = 0; i < arrdata.length; i++)
  227. {
  228. alert(arrdata[i]);
  229. }
  230. /*
  231. 使用单词边界可以方便地从字符串中抽取单词。
  232. */
  233. </script>
  234. <script language="JavaScript">
  235. /*正则表达式  多行模式
  236. 要制定多行模式，只要在正则表达式想要匹配的行末的一个单词
  237. */
  238. var data = " First second\n thind fourth\n fifth sixth";
  239. var reCat = /(\w+)$/g;
  240. var arrdata = data.match(reCat);
  241. for (var i = 0; i < arrdata.length; i++)
  242. {
  243. alert(arrdata[i]);
  244. }
  245. /*
  246. 上面只返回一个单词 sixth，因为换行符阻挡了匹配，只能匹配行末的一个单词，
  247. 当然也可以使用 split() 方法将字符串分割成数组，但就得对每一行进行单独匹配。
  248. 以前不好好看书经常半吊子，看一半就仍了，导致用了好多 split， 其实很简单如下面
  249. 例子 只需要 m 参数进行多行匹配。
  250. */
  251. var data = " First second\n thind fourth\n fifth sixth";
  252. var reCat = /(\w+)$/gm;
  253. var arrdata = data.match(reCat);
  254. for (var i = 0; i < arrdata.length; i++)
  255. {
  256. alert(arrdata[i]);
  257. }
  258. </script>
  259. </body>
  260. </html>

js正则表达式入门的更多相关文章

  1. JS正则表达式入门，看这篇就够了

    前言 在正文开始前,先说说正则表达式是什么,为什么要用正则表达式?正则表达式在我个人看来就是一个浏览器可以识别的规则,有了这个规则,浏览器就可以帮我们判断某些字符是否符合我们的要求.但是,我们为什么要 ...

  2. js正则表达式入门以及常见用例

    学习正则表达式的最好方法是从例子开始,理解例子之后再自己对例子进行修改,实验.下面给出了不少简单的例子,并对它们作了详细的说明. 假设你在一篇英文小说里查找hi,你可以使用正则表达式hi. 这几乎是最 ...

  3. 【正则】精通JS正则表达式，没消化 信息量太大，好文

    http://www.jb51.net/article/25313.htm 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用 ...

  4. JS正则表达式---分组

    JS正则表达式---分组 之前写了一篇关于正则新手入门的文章,本以为对正则表达式相对比较了解 但是今天我又遇到了一个坑,可能是自己不够细心的原因吧,今天就着重和大家分享一下javascript正则表达 ...

  5. js正则表达式，判断字符串是否以数字组结尾，并取出结尾的数字

    js正则表达式,判断字符串是否以数字组结尾,并取出结尾的数字 <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  6. JS正则表达式完整教程

    JS正则表达式完整教程(略长) 引言 亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣. 想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准. 关于正则表达式的教程, ...

  7. 【JavaScript】JS从入门到深入（复习查漏向

    [JavaScript]JS从入门到深入(复习查漏向 pre 精细得学过一遍JS后才发现,原来之前CTF中有些nodejs的题目以及一些游戏题的payload就变得很好理解了. 基础知识 ECMASc ...

  8. JS正则表达式常用总结

    正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...

  9. Python 正则表达式入门（中级篇）

    Python 正则表达式入门(中级篇) 初级篇链接:http://www.cnblogs.com/chuxiuhong/p/5885073.html 上一篇我们说在这一篇里,我们会介绍子表达式,向前向 ...

随机推荐

  1. P1514 引水入城

    概述 首先,这是一道好题,这道题既考查了图论的dfs知识,又考察了区间贪心问题中很典型的区间覆盖问题,着实是一道好题. 大概思路说明 我们观察到,只有第一行可以放水库,而第一行在哪里放水库的结果就是直 ...

  2. .dmp文件导入个别表

    imp bizinfo_qy/bizinfo_qy@orcl161 file=D:\收付费核算系统\分线\bizinfo_qy.dmp log=bizinfo_qy.log  TABLES=(al_i ...

  3. 简单理解javascript的原型prototype

    原型和闭包是Js语言的难点,此文主要讲原型. 每一个方法都有一个属性是 prototype 每一个对象都有一个属性是 _proto_ 一旦定义了原型属性或原型方法,则所有通过该构造函数实例化出来的所有 ...

  4. [BS-28] iOS中分页的几种算法

    iOS中分页的几种算法 总记录数:totalRecord 每页最大记录数:maxResult 算法一: totalPage = totalRecord % maxResult == 0 ? total ...

  5. ios - 自动布局框架编写(更多功能完善中)

    之前用的storyboard以及xib挺多的,最近看到朋友用第三方框架---自动布局约束框架在添加控件约束的时候老实报错.后来自己就试了试纯代码创建以及约束控件.但是纯代码约束一个控件还可以,如果约束 ...

  6. 成都开发一个app大概好多钱？

    目前,移动APP已成为很多小企业业务销售的新渠道之一,于是问题来了,一般想到要开发一个自己的app,就想问:开发一个app好多钱?去百度.360.搜狗等等平台去找相关的app开发公司咨询或者问问朋友有 ...

  7. linux命令-sftp(模拟ftp服务)和scp(文件异地直接复制)

    1)sftp sftp是模拟ftp的服务,使用22端口 针对远方服务器主机 (Server) 之行为 变换目录到 /etc/test 或其他目录 cd /etc/testcd PATH 列出目前所在目 ...

  8. js setInterval

    var monitorInterval = null;    //检索cs 是否处理完成 开始: monitorInterval = setInterval(function () { CheckCS ...

  9. 从头开始一步一步实现EF6+Autofac+MVC5+Bootstarp极简的实现前后台ajax表格展示及分页实现

    本来是想试着做一个简单OA项目玩玩的,真是不做不知道,一做吓死人,原来以为很简单的事情,但是做起来不是忘这就是忘那的,有的技术还得重新温习.所以还是得记录.免得哪天电脑挂了,就全没有了. 开始是看了园 ...

  10. 161214、oracle查询表信息

    1.查找表的所有索引(包括索引名,类型,构成列): select t.*,i.index_type from user_ind_columns t,user_indexes i where t.ind ...