正则表达式是对字符串操作的逻辑公式,用事先定好的一些特定字符组成一个"规则字符串",在用"规则字符串"对字符串进行过滤。
ECMAScript 通过RegExp 类型来支持正则表达式
目的: 给定的字符串是否符合正则表达式的过滤逻辑,称为:匹配;
可以通过正则表达式,从字符串中获取我们想要的特定部分,称为:查找;
   正则表达式的三个功能:
     1、快速匹配制定字符串;
     2、替换遵照正则表达式规则的字符串;
     3、在目标字符串中筛选指定的字符串
     正则表达式的语法:
     正则表达式就是由普通字符(例如:a~z)和元字符(特殊字符)组成的文字模式,该模式描述在查找文字主体时待匹配的一个或多个字符串,正则表达式作为一个模版,将某个字符串模式与所搜索的字符串进行匹配。
 创建正则表达式对象(正则表达式:regular expression)
    var regExp = new RegExp(pattern, attributes);
   构造正则表达式对象时使用的构造函数有两个参数
     1、参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式;
     2、参数 attributes 是一个可选的字符串:共三种模式,这三种模式可以组合使用
          i:不区分大小写;
          g:全局查找,整个目标字符串范围内;
          m:多行查找;
正则表达式的简写形式:字面量形式
     双斜杠中包括的就是要被匹配的文字
     双斜杠后面是模式组合
      var regExp = /a/gi;
     正则表达式对象提供的test方法用于检测参数字符串是否有符合表达式模板的文字,如果有就返回true,没有则返回false;
例如:

var str = "love me love my dog";
     reg = new RegExp("love","gi");
        regExp = /love/gi;
     1、如果要匹配目标字符串是否以love开头,需要通过元字符^(脱字符)来匹配,匹配开头是否包含正则表达式模板
     regExp = /^love/gi;
     2、要匹配结尾通过元字符$来匹配
     regExp = /^love$/gi;
  3、 \s 是空白符,(s:spance)属于转义字符,类似于\n(换行符);
     regExp = /love\s/gi;
     4、匹配的目标要能够成单词,可以使用\W(W要大写);
     regExp = /love\W/gi;
     console.log(reg.test(str));
     5、如果要匹配数字,则需要使用到转义字符\d, d:digital 即数字的意思
     regExp = /love\d/gi;
     regExp = /[a-z].\d+\W/gi;
     6、元素中的竖线 |
    str = "22334455";
    regExp = /22|55/g;
    console.log("|元字符:" + regExp.test(str));
    7、重复类 设定连续重复次数 {}
    str= '211111161';
  连续重复次数{}
    regExp = /1{7}/g; //设定连续重复7次
   最少连续重复次数{2,}
    regExp = /1{2,}/g; //设定最少连续重复2次
   最少连续重复2次,最多4次{2,4}
    regExp = /1{2,4}/g;//设定最少连续重复2次最多4次
    8、 元字符 + 的意义为匹配目标至少连续出现一次,等效于{1,};
    regExp = /1+/g;
 
    9、元字符?,最多出现一次,等效于{1,0}
    regExp = /1?/g;
    10、字符类中的[];
    regExp = /[1]/g;  //匹配方括号内的任意一项
    11、连字符-    匹配0到4范围内的任意数字
    regExp = /[0-4]/g;
    12、^和[]配合还有除外的意思
    str = 'aaa123bb123add123';
    regExp = /[^123]/g;  // 除了123之外的其他项都被匹配
    str = "abcFhGlz";
    regExp = /[a-z]/gi;
    regExp = /[a-zA-Z]/g;  // 匹配字母包括大小写
    13、匹配字符串中的汉字
    str = 'today 是周二';
    regExp = /[\u4e00-\u9fa5]+/g;
    console.log(str.match(regExp));
事例:将2016-08-16中的短线替换成点

html,javascript,正则表达式的更多相关文章

  1. JavaScript正则表达式,你真的知道?

    一.前言 粗浅的编写正则表达式,是造成性能瓶颈的主要原因.如下: var reg1 = /(A+A+)+B/; var reg2 = /AA+B/; 上述两个正则表达式,匹配效果是一样的,但是,效率就 ...

  2. 【JS】javascript 正则表达式 大全 总结

    javascript 正则表达式 大全 总结 参考整理了一些javascript正则表达式 目的一:自我复习归纳总结 目的二:共享方便大家搜索 微信:wixf150 验证数字:^[0-9]*$ 验证n ...

  3. 理清JavaScript正则表达式--上篇

    在JavaScript中,正则表达式由RegExp对象表示.RegExp对象呢,又可以通过直接量和构造函数RegExp两种方式创建,分别如下: //直接量 var re = /pattern/[g | ...

  4. 理清JavaScript正则表达式--下篇

    紧接:"理清JavaScript正则表达式--上篇". 正则在String类中的应用 类String支持四种利用正则表达式的方法.分别是search.replace.match和s ...

  5. JavaScript正则表达式详解(一)正则表达式入门

    JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...

  6. JavaScript正则表达式详解(二)JavaScript中正则表达式函数详解

    二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 ...

  7. Python自动化 【第十八篇】:JavaScript 正则表达式及Django初识

    本节内容 JavaScript 正则表达式 Django初识 正则表达式 1.定义正则表达式 /.../  用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m ...

  8. JavaScript正则表达式下——相关方法

    上篇博客JavaScript 正则表达式上——基本语法介绍了JavaScript正则表达式的语法,有了这些基本知识,可以看看正则表达式在JavaScript的应用了,在一切开始之前,看看RegExp实 ...

  9. JavaScript 正则表达式上——基本语法

    定义 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%&g ...

  10. 正则表达式入门教程&&经典Javascript正则表达式(share)

    前言 例子: ^.+@.+\\..+$ 这样的代码曾经多次把我自己给吓退过.可能很多人也是被这样的代码给吓跑的吧.继续阅读本文将让你也可以自由应用这样的代码. 正文 教程:正则表达式30分钟入门教程 ...

随机推荐

  1. 「AGC029C」Lexicographic constraints

    「AGC029C」Lexicographic constraints 传送门 好像这个题非常 easy. 首先这个答案显然具有可二分性,所以问题转化为如何判定给定的 \(k\) 是否可行. 如果 \( ...

  2. Java程序设计当堂测试 9.20

    /*Java当堂测试 ATM机模拟系统由于学习的知识有限,不能完成所有课上项目,文件的应用没有完成,汇款转账功能也没有写,一些要求该退出的地方也没有写,基本功能还算完善*/ 1 package acc ...

  3. 前端js重组树形结构数据方法封装

    不知道大家平时工作中,有没有遇到这样一种情况:后端接口返回的数据,全都是一维的数组,都是平铺直叙式的数据,业务需求却要你实现树形结构的功能.那么,针对这种情况该怎么办呢?是跟后台好好沟通一下呢,还是沟 ...

  4. Requests方法 -- post

    >>> import requests  导入requests库 >>> help(requests)  #查看requests方法Help on package ...

  5. P7003 [NEERC2013]Hack Protection

    P7003 [NEERC2013]Hack Protection 题意 给定一个序列 \(a\) ,求有多少个区间满足区间内的数的异或和等于与的和的值. 思路 首先我们求一个异或前缀和 \(s\),对 ...

  6. POJ1456 Supermarket 题解

    思维题. 关键在于如何想到用堆来维护贪心的策略. 首先肯定是卖出的利润越大的越好,但有可能当前这天选定了利润最大的很久才过期而利润第二大的第二天就过期,这时的策略就不优了. 所以我们必须动态改变策略, ...

  7. Python如何将py文件打包成exe

    安装pyinstaller 打开cmd窗口,输入pip install pyinstaller,命令行输出successfully表示成功. 生成exe文件 一.单个py文件 在py文件目录下,打开c ...

  8. 如何让py生成pyd

    pyd文件类似于C++中的dll,可以编译,但是看不到源代码. py转换成pyd参考链接:https://blog.csdn.net/weixin_44493841/article/details/1 ...

  9. xmind2020 zen 10.2.1win/mac/linux安装教程

    xmind是一款优秀的思维导图软件,本文教大家如何安装xmind zen 2020 10.2.1版本,解锁使用全部功能,包括去掉xmind zen水印.上传图片等功能,支持windows/mac/li ...

  10. TCP协议系列之一一什么是TCP协议,TCP的三次握手,为什么不是2次或4次?

    CP 为什么三次握手而不是两次握手(正解版) https://blog.csdn.net/lengxiao1993/article/details/82771768 自己理解说明一下: 比如说有一条管 ...