正则表达式是对字符串操作的逻辑公式,用事先定好的一些特定字符组成一个"规则字符串",在用"规则字符串"对字符串进行过滤。
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. Android系统编程入门系列之界面Activity交互响应

    在上篇文章中已经了解到界面Activity的绘制完全依赖其加载的视图组件View,不仅如此,用户的每次触摸操作都可以在界面Activity内接收并响应,也可以直接传递给其中的某个视图View响应.本文 ...

  2. printf函数返回值

    //返回值:正确返回输出的字符总数,错误返回负值,与此同时,输入输出流错误标志将被置值,可由指示器ferror来检查输入输出流的错误标志. #include <stdio.h> #defi ...

  3. 构造函数 析构函数的区别与联系 C#

    构造函数 __construct:是在对象被创建是自动调用的方法,用来完成初始化操作 构造函数有以下特点:1.构造函数的名字必须与类名相同:2.构造函数可以有任意类型的参数,但不能具有返回类型:3.定 ...

  4. linux xsel命令

    xsel操作在三个寄存器上,其中一个是系统剪切板(-b).一个是默认寄存器(-p).一个是(-s)

  5. C++:数据类型

    /** * C++ 数据类型 : https://www.runoob.com/cplusplus/cpp-data-types.html * * 布尔: bool * 字符: char 1 个字节 ...

  6. 微信小程序云开发-云存储-带图片的商品列表携带id跳转至商品详情

    一.商品列表页 1.wxml文件 在view中添加点击事件goToGoodDetail,绑定数据data-id <!-- 添加点击事件goToGoodDetail --> <view ...

  7. PAT乙级:1077 互评成绩计算 (20分)

    PAT乙级:1077 互评成绩计算 (20分) 在浙大的计算机专业课中,经常有互评分组报告这个环节.一个组上台介绍自己的工作,其他组在台下为其表现评分.最后这个组的互评成绩是这样计算的:所有其他组的评 ...

  8. Python基础之创建文件夹与删除文件夹。

    参考链接:https://blog.csdn.net/weixin_43826242/article/details/87101436 创建目录结构 # 创建文件目录结构 def create_fol ...

  9. NetCoreMvc系列文章02---依赖注入

    .netCore自带依赖注入,支持构造函数注入,如不了解IOC 和DI 思想的请看我其它文章中关于这主面的介绍.如Startup.cs类中的Configure方法其中IApplicationBuild ...

  10. 3分钟搭建一个网站?腾讯云Serverless开发体验

    作为一个开发者,应该都能理解一个网站从开发到上线,要经过很多繁琐的步骤. 编写代码,部署应用,部署数据库,申请域名,申请SSL证书,域名备案,到最终上线起码要几天时间. 作为一个不精通代码的业务玩家, ...