一、正则基本概念

1、一种规则、模式、文本处理工具

2、强大的字符串匹配工具

3、在js中常与字符串函数配合使用

二、js正则写法

正则在js中以正则对象存在;

(1)var re=new RegExp(正则表达式);

(2)var re=/正则表达式/;

三、正则的基本写法

1、开始结束符 ^     $

2、元字符  

(1)任意字符  [abc]  abc中的任意一个

(2)范围    [a-z]  字母a到c;   [1-9]  数组1到9    

(3)排除    [^a-z]  排除字母a-c

(4)任意字符  .

3、量词

(1) {n}  出现n次

(2) {n,m}  最少n次,最多m次

(3) +  任意次  >0次

(4) ?  最少0次 最多1次

(5) *  可有可无

4、转译字符

\d 数字  \D 非数字

\w 数字、字母、下滑线  \W 非数字 字母 下划线

\s 空白字符  \S 非空字符

\b是单词边界      \B非单词边界

5、其他字符

i  忽略大小写  例 re=/a/i       A或者a

g  全局搜索  例 re=/\d/g      全部数字

m  多行查找    例 re =/\d/m

四、字符串使用函数

1. str.search(re)  //搜索匹配字符,返回位置,如果找不到,返回-1。

2. str.math(re)  //搜索字符串,返回匹配字符数组

3. str.replace(re,'替换字符')  //搜索字符串,替换匹配字符

五、正则对象方法

4. re.test(str)  //测试字符串是否满足正则,返回布尔值

5. re.exec(str)  //类似字符串方法match

六、正则的使用

1、示例:

----------------------------------------------------------

示例 测试邮箱格式

邮箱格式:  用户名          @       邮箱名     .     com/cn

字符类型:  字符 数字 下划线      @       字母 数字     .    字母

正则字符:   \w            @       [a-z 0-9]        [a-z]

量词:    +            1        +           +

re=/^\w+@[a-z 0-9]+\.[a-z]+$/g

-----------------------------------------------------------

2、贪婪特性:

获取所有html标签

re=/^<.+>/g;  会匹配第一个《   到最后一个> 中间内容全部当做.处理

改进:

re=/^<[^<]+>/$/g;

3、惰性匹配

通过在量词后面加个问号就能实现惰性匹配

如:var regex = /\d{2,5}/g;  改为 var regex = /\d{2,5}?/g;

4、位置配置

(1)正向先行断言  (?=p),其中p是一个子模式,即p前面的位置

(2)负向先行断言       (?!p)

六、常用正则表达式

1、中文校验

  ^[\\u4e00-\\u9fa5]{0,}$

2、密码强度

  ^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

3、数字字母下划线组成的字符串

  ^\\w+$

4、身份证

  15位:^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$

  18位:^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$

5、日期yyyy-mm-dd

  ^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|    (?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$

  

[js]正则篇的更多相关文章

  1. js 正则学习小记之匹配字符串优化篇

    原文:js 正则学习小记之匹配字符串优化篇 昨天在<js 正则学习小记之匹配字符串>谈到 个字符,除了第一个 个,只有 个转义( 个字符),所以 次,只有 次成功.这 次匹配失败,需要回溯 ...

  2. 浅谈 js 字符串 trim 方法之正则篇

    原文:浅谈 js 字符串 trim 方法之正则篇 关于 trim 其实没啥好说的,无非就是去除首位空格,对于现代浏览器来说只是简单的正则 /^\s+|\s+$/ 就可以搞定了.而且支持中文空格   等 ...

  3. [js笔记整理]正则篇

    一.正则基本概念 1.一种规则.模式 2.强大的字符串匹配工具 3.在js中常与字符串函数配合使用 二.js正则写法 正则在js中以正则对象存在: (1)var re=new RegExp(正则表达式 ...

  4. js 正则学习小记之匹配字符串字面量优化篇

    昨天在<js 正则学习小记之匹配字符串字面量>谈到 个字符,除了第一个 个,只有 个转义( 个字符),所以 次,只有 次成功.这 次匹配失败,需要回溯后用 [^"] 才能匹配成功 ...

  5. 浅谈 js 正则字面量 与 new RegExp 执行效率

    原文:浅谈 js 正则字面量 与 new RegExp 执行效率 前几天谈了正则匹配 js 字符串的问题:<js 正则学习小记之匹配字符串> 和 <js 正则学习小记之匹配字符串优化 ...

  6. js 正则学习小记之左最长规则

    原文:js 正则学习小记之左最长规则 昨天我在判断正则引擎用到的方法是用 /nfa|nfa not/ 去匹配 "nfa not",得到的结果是 'nfa'.其实我们的本意是想得到整 ...

  7. 浅谈 js 正则之 test 方法

    原文:浅谈 js 正则之 test 方法 其实我很少用这个,所以之前一直没注意这个问题,自从落叶那厮写了个变态的测试我才去看了下这东西.先来看个东西吧. var re = /\d/; console. ...

  8. js 正则练习之语法高亮

    原文:js 正则练习之语法高亮 学了几天正则,差不多该总结整理写成果了,之前就想写语法高亮匹配来着,不过水平不够,看着例子都不理解.今天就分析下 次碳酸钴 和 Barret Lee 语法高亮实现. 先 ...

  9. js 正则之检测素数

    原文:js 正则之检测素数 相信很多人应该看过这篇文章,我第一次看到的时候是11年的样子,那时候学vbs的时候看过这个问题.原文<检查素数的正则表达式>,在文章里已经解释了他是怎么判断的, ...

随机推荐

  1. Java并发编程原理与实战三十一:Future&FutureTask 浅析

    一.Futrue模式有什么用?------>正所谓技术来源与生活,这里举个栗子.在家里,我们都有煮菜的经验.(如果没有的话,你们还怎样来泡女朋友呢?你懂得).现在女票要你煮四菜一汤,这汤是鸡汤, ...

  2. 外卖(food) & 洛谷4040宅男计划 三分套二分&贪心

    food评测传送门 [题目描述] 叫外卖是一个技术活,宅男宅女们一直面对着一个很大的矛盾,如何以有限的金钱在宿舍宅得尽量久.    外卖店一共有 N 种食物,每种食物有固定的价钱 Pi 与保质期 Si ...

  3. Linux服务-配置Nginx反向代理

    任务目标:实现基于轮询的方式调度三台web,并验证结果:实现基于权重的方式调度三台web,并验证结果:实现基于hash的方式调用三台web,并验证结果 由于刚刚做了nfs设置,为了提现实验结果,我在w ...

  4. js中同步与异步处理方法

    在使用异步请求时,有时需要将异步请求的结果返回给另一个js函数,此种情况下会出现未等异步请求返回请求结果,该发送请求所在js函数已经执行完后续操作,即已经执行return ,这样会导致return的结 ...

  5. 浅析XSS与XSSI异同

    浅析XSS与XSSI异同 这篇文章主要介绍了XSS与XSSI异同,跨站脚本(XSS)和跨站脚本包含(XSSI)之间的区别是什么?防御方法有什么不同?感兴趣的小伙伴们可以参考一下 Michael Cob ...

  6. flask基础之蓝图的使用(七)

    前言 关于蓝图是什么?或为什么使用蓝图的详细介绍,官方文档讲的很详细,不再赘述.简单来说,在大型的应用中,我们不想视图函数显得杂乱无章,难以维护,将众多的视图函数按照Api的设计规则进行切割是一个好方 ...

  7. Logback的继承体系

    今天碰到一个问题,发现控制台日志输出两遍,搜索得知,这个是由于logback继承体系导致的. logback不仅会继承level,也会继承appender,需要注意的是: <root> & ...

  8. 【本地服务器】用nodejs搭建最简单、轻量化的http server

    1. 引言 前端程序猿主要关注的是页面,你可能根本就用不到.net,java,php等后台语言. 但是你制作出来的网页总要运行.总要测试吧?——那就免不了用到http server.我先前都是用vis ...

  9. 如何用纯CSS布局两列,一列固定宽度,另一列自适应?

    大家都知道好多网站都是左右布局的,很多公司在笔试和面试环节也常常问这个问题.一个去网易的师兄说14年腾讯面试的时候问过这个问题,网易在笔试和面试时候也问过这个问题,还有很多互联网公司也都涉及到这个问题 ...

  10. redux-saga印象

    saga作为redux的中间件,用来处理异步任务. 先收集资料: 贴个文章(2)中的图先: 注意:参考文献(4)是redux-saga作者写的. 参考文章: (1)https://redux-saga ...