一、元字符

.      匹配除了换行符以外的字符。

\w   匹配字母或者数字或者下划线

\W  匹配不是字母、数字、下划线

\d   匹配数字,相当于[0-9]

\D  匹配不是数字的字符

\s   匹配任意不可见字符,如空格、制表符,换行符等

\S   匹配任意可见字符

^     匹配字符串开始位置

$    匹配字符串结束的位置

/[\W\w]/  全集

/[\d\D]/   全集

/[\s\S]/   全集

举个栗子:

^和$

举个栗子:

二、量词

*           重复任意次 ,相当于{0,}

?          重复0次或者1次 ,相当于{0,1}

+          重复一次或者更多次,相当于{1,}

{n}        重复n次

{n,}    重复n次或者大于n次

{n,m} 重复n到m次

举个栗子:

三、分支与字符集

(a|b|c)               匹配a或者b或者c字符

[abc]==[a-c]      匹配abc字符

[^abc]==[^a-c]  匹配不是abc字符

举个栗子:

/[a-c]/==(a|b|c) (不加量词的情况)至少有一个字符匹配1次或者多次

/[a-c]/ 加量词和不加量词对比的情况  开头和结尾必须是a开头,c结尾 这个不用多说

不加量词满足条件就是只能匹配a或者b或者c一次,加了量词就可以多匹配

/(a|c|d)/    同   /[a-c]/  一样的用法

解释:前提是以a或者c或者d开头 , 以a或者c或者d结尾  ,无量词只匹配a或者c或者d中的一个一次。有量词就可以多次匹配

四、分组和引用

分组:

/(\d{4})-(\d{2})-(\d{2})/

/(?:\d{4})-(\d{2})-(\d{2})/   分组不捕获  内存占用小  也就是不用把年存起来啦

下面是es2018新增的,低版本浏览器可能不兼容:

命名分组:

引用:引用就是引用谁就是和谁是一样的

\1 对前面的引用   因为下面的第一个加了?:意思就是第一个不存在了  所以第二个变成了第一个  多以\1就是对前面的引用

去掉?:

下面这个:$1代表的就是(\d{2})  $2代码(\1)

RegExp.$[_1-9]

这个和上面的\1,\2,\3一个意思,少见了

/(?<year>\d{4})-(?<month>\d{2})-\k<month>/     \k<month>对月份的引用

五,转义字符

\转义字符  有特殊含义的字符如 .   ?  +  {  }  (   )  等有特殊含义的    /\./匹配点  /\+/匹配加号等

六、零宽断言

需要注意一下几点:

①ab↑cdefm    基于箭头处的位置向后匹配是负向,向前匹配是正向

②肯定是直接按照这pattern进行匹配,否定是按照pattern进行匹配然后取反

③零宽意思是(?=pattern)(?!pattern)(?<=pattern)(?<!pattern)  是不占位置的

④零宽对言意思是根据 (?=pattern)(?!pattern)(?<=pattern)(?<!pattern)里面的表达式对要匹配的字符串进行全局扫描,如果满足就进行匹配,不满足就不匹配,这样的好处是性能高。

举个栗子:

七、惰性和贪婪

贪婪模式:在匹配成功的前提下,尽可能多的去匹配

惰性模式:在匹配成功的前提下,尽可能少的去匹配

贪婪模式用于匹配优先量词修饰的子表达式 像:+,*,{n,m},{n,}

惰性模式用于匹配忽略优先量词修饰的子表达式 ,就是尽量少的。

贪婪模式:

举个栗子:

贪婪模式尽可能多的去匹配,.*把要匹配的都能匹配了,之后剩下bbb,那么久开始回溯,这样再回来匹配bbb,这种匹配方式特别损耗性能。

惰性模式:

举个栗子:

惰性模式尽可能少的去匹配,这样.*?,?就是0个或者1个,也就是可以匹配也可以不匹配,但是第一个是a,,所以.*可以匹配一个a,之后就可以匹配bbb了,这种方式相对于贪婪模式性能要好很多。

 八,修饰符和标志

g    全局

i     忽略大小写

m   多行

es2018 新增:

y    sticky

u    unicode

s    dotAll   就是点  这点包含\n

举个栗子:

九、正则方法

介绍如下:

①pattern.test("字符串")    返回true|false

②pattern.exec("字符串")  返回数组|null

③string.match(pattern)    返回数组|null

④string.replace(pattern,string)    根据正则找到匹配,用第二个参数替换

⑤string.search(pattern)  反回匹配到的字符的索引   没有匹配到反回-1

⑥string.split(pattern|string)    使用正则或者字符串分割一个字符串,将分割后的字符串存储到数组里面返回

加油!!O(∩_∩)O哈哈~

javascript正则用法的更多相关文章

  1. JavaScript 字符串匹配 | JS 的正则用法 | 从后边匹配

    // 字符串匹配命令是 match,不是 replace var text = "http://123.com/456.html" ; window.alert(text.matc ...

  2. JavaScript正则实战

    *:first-child { margin-top: 0 !important; } .markdown-body>*:last-child { margin-bottom: 0 !impor ...

  3. 我也谈javascript正则匹配

    一.javascript 正则全局匹配 g 慎用test()方法 来个例子: var a = /^[a-z]+/gi; a.test('bb123'); //true a.lastIndex ; // ...

  4. JavaScript正则式入门

    正则式 正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表通常被用来检索.替换那些符合某个模式(规 ...

  5. JavaScript 正则

    元字符 预定义类 边界 ^在中括号中时,匹配非hello的 str = 'hello world' str.match(/[^hello]/g) //[" ", "w&q ...

  6. javascript webstorm用法

    javascript  webstorm用法 一.什么是webstorm?       WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“We ...

  7. JavaScript正则中\1\2的作用

    一.示例 1. 验证6个相同的数字 var reg = new RegExp(/^(\d)\1{5}/g); var a = '333333'; if(reg.test(a)) { alert('ri ...

  8. JavaScript 正则表达收集整理

    JavaScript 正则表达收集整理 //可为空 /^\s*$/ //密码验证,必须且只含有数字和字母,可以拥有英文符号,6-17位 /(?=.{,})(?=.*\d)(?=.*[a-z])[\x2 ...

  9. JavaScript正则常用知识总结

    一.JavaScript正则相关方法 str.match(regexp)与regexp.exec(str)功能类似. str.search(regexp)与regexp.test(str)功能类似. ...

随机推荐

  1. 删除数据-大表根据rowid来删除部分数据

    偶遇需求,大表中需要删除部分数据.分批删除. declare TYPE type_table_rowid IS TABLE OF ROWID INDEX BY BINARY_INTEGER;table ...

  2. Qt自定义控件之仪表盘2--QPaint绘制仪表盘

    0.前言 前面一篇文章写道了仪表盘的特点,实现了一个贴图的仪表盘,属于低配版本的仪表盘.    主要是有任何改动时候就需要重新设计图片,不能适配不同控件大小,即使让它自由拉伸,但仪表盘放大缩小时候显示 ...

  3. 实验06——java自动封箱、自动拆箱

    package cn.tedu.demo; /** * @author 赵瑞鑫 E-mail:1922250303@qq.com * @version 1.0 * @创建时间:2020年7月17日 上 ...

  4. Android ExpandListView的用法(补上昨天的)(今天自习)

    今天自习写ExpandListView的作业,昨天没写博客就是去写作业去了. 今天来说昨天内容吧! 其实ExpandListView和ListView的用法大同小异. 首先就是创建一个自己的适配器(现 ...

  5. python1.2元组与字典:

    #定义元组(),元组与列表类似但元素不可以更改a=(1,2,3,4,5,6,"a","b","c","d"," ...

  6. [问题记录] webpack devServer HtmlWebpackPlugin 没有加载 js、css

    webpack devServer 没有加载 js.css HtmlWebpackPlugin runtimeChunks 注入问题. 描述 写了一个极其简单的多页面 demo 启动开发服务器,发现样 ...

  7. C/C++陷阱与套路,当年就是折在这些地儿…

    摘要:本文结合作者的工作经验和学习心得,对C++语言的一些高级特性,做了简单介绍:对一些常见的误解,做了解释澄清:对比较容易犯错的地方,做了归纳总结:希望借此能增进大家对C++语言了解,减少编程出错, ...

  8. 【计算机算法设计与分析】——SVM

    一.简介 支持向量机(support vector machines)是一种二分类模型,它的目的是寻找一个超平面来对样本进行分割,分割的原则是间隔最大化,最终转化为一个凸二次规划问题来求解.由简至繁的 ...

  9. 图数据库HugeGraph源码解读 (1) —— 入门介绍

    HugeGraph介绍 以下引自官方文档: HugeGraph是一款易用.高效.通用的开源图数据库系统(Graph Database,GitHub项目地址), 实现了Apache TinkerPop3 ...

  10. C#LeetCode刷题之#860-柠檬水找零(Lemonade Change)

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/4036 访问. 在柠檬水摊上,每一杯柠檬水的售价为 5 美元. 顾 ...