正则表达式是对字符串操作的逻辑公式,用事先定好的一些特定字符组成一个"规则字符串",在用"规则字符串"对字符串进行过滤。
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. python twain 扫描

    def multiScan(self): """ Scan and return an array of PIL objects If no images, will r ...

  2. Java集合Stream类filter的使用

    之前的Java集合中removeIf的使用一文写了使用removeIf来实现按条件对集合进行过滤.这篇文章使用同样是JDK1.8新加入的Stream中filter方法来实现同样的效果.并且在实际项目中 ...

  3. clickhouse分布式集群

    一.环境准备: 主机 系统 应用 ip ckh-01 centos 8 jdk,zookeeper,clickhouse 192.168.205.190 ckh-02 centos 8 jdk,zoo ...

  4. facade层,service 层,domain层,dao 层设计

    转自http://fei-6666.iteye.com/blog/446247,记录下来 一,Service->DAO,只能在Service中注入DAO. 二,DAO只能操作但表数据,跨表操作放 ...

  5. 在java中为啥要重写toString 方法?

    在java中为啥要重写toString 方法?下面以一个简单的例子来说明. 先定义一个test5类.并写它的get,set方法. package test5; public class Test5 { ...

  6. Oracle导入dmp文件:ORACLE错误12899而拒绝行的问题如何解决

    原文链接:https://www.2cto.com/database/201804/736027.html

  7. DNS的原理和解析过程

    DNS的解析原理和过程: 在Internet上域名和IP是对应的,DNS解析有两种:一种是正向解析,另外一种是反向解析. 正向解析:正向解析就是将域名转换成对应的 IP地址的过程,它应用于在浏览器地址 ...

  8. angular5采坑之旅

    开始尝试angular5,在此记录下踩过的坑以备查询 1.按照element-angular的文档引入后报错 is not part of the compilation output.解决方法--在 ...

  9. js学习笔记之日期倒计时DOM操作

    1.访问html元素 getElementById() 方法  返回对拥有指定 id 的第一个对象的引用,只有dom对象有效 getElementsByName() 方法  返回指定名称的对象集合 g ...

  10. sql server 查看数据库配置等信息(字符集,编码格式,版本号...)

    select SERVERPROPERTY(N'edition') as Edition --数据版本,如企业版.开发版等,SERVERPROPERTY(N'collation') as Collat ...