javascript 正则表达式入门基础—由浅入深

最新推荐文章于 2022-11-13 14:15:18 发布
最新推荐文章于 2022-11-13 14:15:18 发布
阅读量2.6k 收藏 3
点赞数 2
分类专栏： javaScript 正则表达式 javascript入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qy1387/article/details/7854216
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> javascript 正则表达式 </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
	<script type="text/javascript">
//javascript正则表达式的基本知识

    //声明javascript 正则表达式
     var reCat = new RegExp("cat");
    //你也可以 
     var reCat = /cat/;      //Perl 风格   （推荐）

	//学习最常用的 test exec match search  replace  split 6个方法

	  //1） test  检查指定的字符串是否存在

       var data = "123123";
       var reCat = /123/gi;
       alert(reCat.test(data));  //true
     
       //检查字符是否存在  g 继续往下走  i 不区分大小写

	 //2） exec 返回查询值

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/i;
       alert(reCat.exec(data));  //Cat

     //3）match  得到查询数组

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/gi;
       var arrMactches = data.match(reCat)

       for (var i=0;i < arrMactches.length ; i++)
       {
            alert(arrMactches[i]);   //Cat  cat
       }

     //4） search  返回搜索位置  类似于indexof

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/gi;
       alert(data.search(reCat));  //23


    //5） replace  替换字符  利用正则替换

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/gi;
       alert(data.replace(reCat,"libinqq"));

    //6）split   利用正则分割数组

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /\,/;
       var arrdata = data.split(reCat);

       for (var i = 0; i < arrdata.length; i++)
       {
            alert(arrdata[i]);
       }

	//学习下  简单类   负向类  范围类  组合类

    //简单类
       var data = "1libinqq,2libinqq,3libinqq,4libinqq";
       var reCat = /[123]libinqq/gi;
       var arrdata = data.match(reCat);

       for (var i = 0; i < arrdata.length; i++)
       {
            alert(arrdata[i]);  // 1libinqq 2libinqq  3libinqq
       }

       //负向类
       var data = "alibinqq,1libinqq,2libinqq,3libinqq,4libinqq";  //\u0062cf
       var reCat = /[^a123]libinqq/gi;
       var arrdata = data.match(reCat);

       for (var i = 0; i < arrdata.length; i++)
       {
            alert(arrdata[i]);  //4libinqq
       }

       //范围类
       var data = "libinqq1,libinqq2,libinqq3,libinqq4,libinqq5";  //\u0062cf
       var reCat = /libinqq[2-3]/gi;
       var arrdata = data.match(reCat);

       for (var i = 0; i < arrdata.length; i++)
       {
            alert(arrdata[i]);   // libinqq2  libinqq3
       }

       //组合类
      var data = "a,b,c,w,1,2,3,5";  //\u0062cf
       var reCat = /[a-q1-4\n]/gi;
       var arrdata = data.match(reCat);

       for (var i = 0; i < arrdata.length; i++)
       {
            alert(arrdata[i]);  // a b c 1 2 3
       }
       //以上为 js正则 最基本的使用方法
	</script>
 </head>

 <body>

<!-- javascript正则表达式 进阶篇  -->

<!-- javascript  正则表达式是分组知识  -->

<script language="JavaScript">
    /*正则表达式  简单的分组
    举例 我们要查找字符串 MouseMouse

    var reCat = /MouseMouse/gi; 
    
    尽管这是可以的，但是有点浪费。如果不知道Mouse 在字符串中到底出现几次时该怎么办，如果重复多次呢。
    var reCat = /(mouse){2}/gi;    括号的意思列Mouse 将在一行连续出现2次。

    */  
    
    var data = "Ah-mousemouse";  
    var reCat = /(mouse){2}/gi;   
    var arrdata = data.match(reCat);

    for (var i = 0; i < arrdata.length; i++)
    {
        alert(arrdata[i]);
    }   
  </script>

  <script language="JavaScript">
    /*正则表达式  复杂的分组
         ?   零次 或 一次
    *   零次 或 多次
    +   最少一次 或 多次
    */  
    
    var data = "bb ba da bad dad aa ";  
    var reCat = /([bd]ad?)/gi;   // 匹配出 ba da bad  dad
    var arrdata = data.match(reCat);

    for (var i = 0; i < arrdata.length; i++)
    {
        alert(arrdata[i]);
    }    
    

    // 同时 也不介意将分组放在分组中间
    // var re = /(mom( and dad)?)/;    匹配出 mom  或  mon and daa
  </script>

  <script language="JavaScript">
    /*正则表达式  反向引用*/

    var sToMatch = "#123456789";
    var reNumbers = /#(\d+)/;
    reNumbers.test(sToMatch);
    alert(RegExp.$1);

    /* 
      这个例子尝试匹配后面跟着几个或多个数字的镑符合，并对数字进行分组
      以存储他们。在调用 test 方法后，所有的反向引用都保存到了 RegExp 构造函数中
      从 RegExp.$1(它保存了第一个反向引用）开始，如果还有第二个反向引用，就是
      RegExp.$2，如果还有第三个反向引用存在，就是 RegExp.$3.依此类推。因为该组
      匹配了 “123456780”，所以 RegExp.$1 中就存储了这个字符串。

    */


    var sToChange = "1234 5678";
    var reMatch = /(\d{4}) (\d{4})/;
    var sNew = sToChange.replace(reMatch,"$2 $1");
    alert(sNew);

    /*
      在这个例子中，正则表达式有两个分组，每一个分组有四个数字。在 replace() 方法的第二个参数
      中，$2 等同于 “5678” ，而 $1 等同于 “1234”，对应于它们在表达式中的出现顺序。
    */
  </script>

 <script language="JavaScript">
    /*正则表达式  候选 */
    var sToMatch1 = "red";
    var sToMatch2 = "black";
    var reRed = /red/;
    var reBlack = /black/;

    alert(reRed.test(sToMatch1) || reBlack.test(sToMatch1));
    alert(reRed.test(sToMatch2) || reBlack.test(sToMatch2));

    /*
     这虽然能完成任务，但是十分沉长，还有另一种方式就是正则表达式的候选操作符。
    */

    var sToMatch1 = "red";
    var sToMatch2 = "black";
    var reRedOrBlack = /(red|black)/;
    alert(reRedOrBlack.test(sToMatch1));
    alert(reRedOrBlack.test(sToMatch2));
  </script>

<script language="JavaScript">
    /*正则表达式  非捕获性分组
    
    如果要创建一个非捕获性分组，只要在左括号的后面加上一个问号和一个紧跟的冒号：
    */

    var sToMatch = "#123456789";
    var reNumbers = /#(?:\d+)/;
    reNumbers.test(sToMatch);
    alert(RegExp.$1);

    /*
    这个例子的最后一行代码输出一个空字符串，因为该组是非捕获性的，
    */

    var sToMatch = "#123456789";
    var reNumbers = /#(?:\d+)/;
    alert(sToMatch.replace(reNumbers,"abcd$1"));

    /*
    正因如此，replace()方法就不能通过 RegExp.$x 变量来使用任何反向引用，这段代码
    输出的“abcd$1”而不是abcd123456789, 因为$1 在这里并不被看成是一个反向引用。
    */
  </script>

 <script language="JavaScript">
    /*正则表达式  前瞻
    前瞻 就和它名字一样，它告诉正则表达式运算器向前看一些字符而不是移动位置
    */


      var sToMatch1 = "bedroom";
      var sToMatch2 = "bedding";
      var reBed = /bed(?=room)/; 
      alert(reBed.test(sToMatch1));  //true
      alert(reBed.test(sToMatch2));  //false
   
    //负向前瞻
    
      var sToMatch1 = "bedroom";
      var sToMatch2 = "bedding";
      var reBed = /bed(?!room)/; 
      alert(reBed.test(sToMatch1)); //false
      alert(reBed.test(sToMatch2)); //true
  </script>

   <script language="JavaScript">
    /*正则表达式  边界
    ^     行开头
    $     行结尾
    \b    单词的边界
    \B    非单词的边界
    */

      var sToMatch = "Important word is the last one.";
      var reLastWord = /(\w+)\.$/; 
      reLastWord.test(sToMatch);
      alert(RegExp.$1);  //one

    /*
    假如想查找一个单词，但要它只出现在行尾，则可以使用美元符号 ($)来表示它：
    */



      var sToMatch = "Important word is the last one.";
      var reLastWord = /^(\w+)/; 
      reLastWord.test(sToMatch);
      alert(RegExp.$1);  //Important

    /*
    在这个例子中，正则表达式查找行起始位置后的一个或多个单词字符。如果遇到非单词字符
    匹配停止，返回 Important。 这个例子也可以用单词边界实现。
    */
   
      var sToMatch = "Important word is the last one.";
      var reLastWord = /^(.+?)\b/; 
      reLastWord.test(sToMatch);
      alert(RegExp.$1);  //Important
    
    /*
    这里，正则表达式用惰性量词来制定在单词边界之前可以出现任何字符，且可以出现一次或
    多次（如果使用贪婪性量词，表达式就匹配整个字符串）。
    */

    var data = " First second thind fourth fifth sixth ";  
    var reCat = /\b(\S+?)\b/g;   
    var arrdata = data.match(reCat);

    for (var i = 0; i < arrdata.length; i++)
    {
        alert(arrdata[i]);
    }   

    /*
    使用单词边界可以方便地从字符串中抽取单词。
    */
  </script>

    <script language="JavaScript">
    /*正则表达式  多行模式
   
      要制定多行模式，只要在正则表达式想要匹配的行末的一个单词
    */  
    
    var data = " First second\n thind fourth\n fifth sixth";  
    var reCat = /(\w+)$/g;   
    var arrdata = data.match(reCat);

    for (var i = 0; i < arrdata.length; i++)
    {
        alert(arrdata[i]);
    }  
    
    /*
      上面只返回一个单词 sixth，因为换行符阻挡了匹配，只能匹配行末的一个单词，
    当然也可以使用 split() 方法将字符串分割成数组，但就得对每一行进行单独匹配。

    以前不好好看书经常半吊子，看一半就仍了，导致用了好多 split， 其实很简单如下面
    例子 只需要 m 参数进行多行匹配。

    */  
    var data = " First second\n thind fourth\n fifth sixth";  
    var reCat = /(\w+)$/gm;   
    var arrdata = data.match(reCat);

    for (var i = 0; i < arrdata.length; i++)
    {
        alert(arrdata[i]);
    }  
  </script>
 </body>
</html>

续写经典
关注
专栏目录
揭秘Kotlin编程精华，讲干货、不废话：《Kotlin从入门到进阶实战》 阿里巴巴资深程序员力作...
AI天才研究院
05-21 8897
《Kotlin从入门到进阶实战》 前言 Kotlin是一门非研究性的语言，它是一门非常务实的工业级编程语言，它的使命就是帮助程序员们解决实际工程实践中的问题。使用Kotlin 让 Java程序员们的生活变得更好，Java中的那些空指针错误，浪费时间的冗长的样板代码，啰嗦的语法限制等等，在Kotlin中统统消失。Kotlin 简单务实，语法简洁而强大，安全且表达力强，极富生产力。 Java诞生于19...
js判断标准体重
zhi_shui_123的博客
11-27 2367
判断标准体重 判断条件 // 判![在这里插入图片描述](https://img-blog.csdnimg.cn/20191127204256822.png)断是否是标准体重 // - 根据性别,身高,计算是否是标准体重 // - 男性标准体重计算公式: 标准体重 = (身高CM - 80) * 0.7 // - 女性标准体重计算公式: 标准体重 = (身高CM - 7...
javascript正则表达式的基本知识
lokibalder的专栏
08-04 838
1 javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以 var reCat = /cat/; //Perl 风格 （推荐）2 学习最常用的 test exec match search replace split 6个方法
JavaScript-正则表达式由浅入深 梳理
weixin_44622984的博客
06-28 354
正则表达式由浅入深 简单梳理 概念: 正则表达式是一种[字符串检索模式],其具体表现为一个字符串的样子 原理: 通过参数字符串设置检索规则,在指定字符串中检索出符合规则的字符串 作用: 可以用来进行各种字符串格式验证(邮箱验证,地址验证,手机号验证等),或进行文本替换 ...
正则表达式由浅到深讲解，爽！
qq_42239440的博客
08-08 157
原文地址:https://github.com/EZLippi/practical-programming-books/blob/master/src/30-minutes-to-learn-regex.md 知乎转载:https://zhuanlan.zhihu.com/p/91689180
正则表达式入门指南
这份"正则表达式学习手册"是初学者入门正则表达式的好资料，通过由浅入深的讲解和实例，有助于读者逐步掌握这一强大的文本处理工具。在学习过程中，结合实际编程练习，将会更好地巩固所学知识。
高瓦特斯与利维森正则表达式经典实例详解
《正则表达式经典实例》是由美国...《正则表达式经典实例》是一本实用且全面的正则表达式教程，它提供了一个由浅入深的学习路径，无论你是入门者还是进阶者，都能从中找到适合自己的学习材料，进一步提升你的IT技能。
Python入门教程.rar
02-03
读者将学习如何使用Python的requests库发送HTTP请求，BeautifulSoup库解析HTML和XML文档，以及如何使用正则表达式进行数据匹配。随着难度加深，还会涉及Scrapy框架，它是Python的一个强大的爬虫框架，支持分布式爬取...
【js高级 Day5】深入理解浅拷贝，深拷贝，遍历DOM树，正则表达式
你若盛开，清风自来
02-17 404
01 课程介绍 02 复习 apply和call方法的使用和区别 都可以改变this指向的 使用方式: 函数名.apply(对象,[参数1,参数2,参数3,…]); 函数名.call(对象,参数1,参数2,参数3,…); 我想要使用其他对象的某个方法,其他对象.方法名.apply(当前对象,参数,…); 这个方法就会被当前的对象所使用,同时这个方法中的this就是当前的对象,在调...
javascript第五天（深拷贝，浅拷贝，DOM树，正则表达式，数组和伪数组）
FYprofound的博客
01-15 525
复习 apply和call方法的使用和区别     *     * 都可以改变this指向的     * 使用方式:     * 函数名.apply(对象,[参数1,参数2,参数3,...]);     * 函数名.call(对象,参数1,参数2,参数3,....);     * 我想要使用其他对象的某个方法,其他对象.方法名.apply(当前对象,参数,...);     * 这个方法就会被当...
正则笔记概括（正则表达式定义方式）
weixin_49417749的博客
08-13 980
正则表达式定义方式 以字面量的形式来定义正则表达式 例如：匹配第一个bat或者cat,不区分大小写 var pattern = /[bc]at/i; 使用RegExp构造函数 它接收两个参数：一个是要匹配的字符串模式，另一个是可选的标志字符串。可以使用字面量定义的任何表达式，都可以使用构造函数来定义，还是以上面的例子为例： var pattern = new RegExp("[bc]at",“i”); 注意:RegExp构造函数模式参数时字符串，所以再某些情况下要对字符进项双重转义。所有元字符都必须双重转义
web前端1+x（初级）理论（158道单选题含答案）
最新发布
m0_69034993的博客
11-13 3万+
17、A文件夹与B文件夹是同级文件夹，其中A下有1.htm和2.htm文件，B下有3.htm和4.htm文件，现在我们希望在1.html文件中创建超链接，链接到4.htm，应该在1.htm页面代码中如何描述链接内容？18、< a id=”img” href=“**.jpg” title=“大连” >新闻< /a>，获取a元素title的属性值的方法是（C）。”，下列()语句能正获取系统当前时间的小时值。104.在 JavaScript 中 alert( "12">"9" ) 的运行结果正确的是（A ）。
loki使用超详细说明
热门推荐
李文良的博客
10-08 6万+
前言：小伙伴们是用什么看日志的呢？我是用的loki，今天我跟大家分享下loki的使用，喜欢的话一键三连点收藏哦！ loki使用超详细说明一、loki简介二、Loki 使用三、Loki语法说明四、Loki错误信息查看五、范围查询六、集合运算七、Loki Url 表达式编写八、Loki api使用 一、loki简介 Loki是 Grafana Labs 团队最新的开源项目，是一个水平可扩展，高可用性，多租户的日志聚合系统。它的设计非常经济高效且易于操作，因为它不会为日志内容编制索引，而是为每个日志流编制一组标签
LokiJS入门demo1
志远的博客
04-30 4980
var db=new loki("hello.json"); //用new loki来创建数据库，使用localStarge来作为底层的数据存储时，loki的参数是localStorage的key的名称 db.loadDatabase(); //初始化db后，我们调用loadDatabase方法来从localStorage中获取内容 var coll=
数组也是对象，数组中的属性跟length地位并列
Akatsuki233的博客
04-15 470
var arr = []; arr[0] = 0; arr[1] = 1; arr.foo = 'c' console.log(arr.length) // 2 这里要理解所谓 “ 数组 ” 其实是array类型对象的一个特殊作用。 就是：我们可以对它进行一种模式的数据存储，但除此之外，它依然是一个对象 var arr = [ '1'，'2'] 这本质上是一系列操作：得到一...
JavaScript基础题、练习题、面试题（三）
ZHANGJIN9546的博客
06-27 1万+
1.下列哪些属性不是事件对象event的属性 A clientX B offsetX C offsetLeft D target 正确答案: C 解析: offsetLeft为元素针对offsetParent的水平坐标，并不是事件对象中的鼠标位置 2.下列关于事件委托说法错误的是 A 事件委托可以解决事件绑定程序过多的问题 B 事件委托利用了事件捕获原理 C 事件委托可以提高代码性能 D 事件委托...
JavaScript基础练习题（一）
qqatt的博客
12-26 1万+
JavaScript基础练习题（一） 注：仅供参考，不可用于其他用途 一、单选题 1、HTML页面中写JavaScript时，会用到HTML的一个标签，它是 A 、script B 、 style C 、 link D 、 body 正确答案: A 解析:无 ...
JavaScript正则表达式入门：创建与exec方法解析
"JavaScript正则表达式入门教程，讲解如何创建正则表达式以及使用exec方法进行匹配操作。" 在JavaScript中，正则表达式是一种强大的文本处理工具，用于匹配、查找、替换等操作。本教程主要针对JavaScript正则表达式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值