通俗解释JavaScript正则表达式快速记忆


Posted in Javascript onAugust 23, 2017

我们知道,正则表达式是一个处理字符串中很实用的技巧。然而,即便是Javascript写的很厉害的程序猿,有时也会忘掉正则表达式的语法,从而使用起来有些棘手

1、正则表达式中最重要的三个符号:

通俗解释JavaScript正则表达式快速记忆

1.1 B

在正则表达式中B有3种类型的括号:

1.1.1 方括号 “[“。

方括号"["内是需要匹配的字符。中括号括住的内容只匹配一个单一的字符。

^[ab]$

通俗解释JavaScript正则表达式快速记忆

1.1.2花括号"{"

花括号"{"内是指定匹配字符的数量。

^[ab]{3}$ 

通俗解释JavaScript正则表达式快速记忆

1.1.3圆括号“(“

圆括号“(“ 则是用来分组的。

^(ab)$

通俗解释JavaScript正则表达式快速记忆

1.2 C

插入符号 “^” 表示正则式的开始。

^a

通俗解释JavaScript正则表达式快速记忆

 ^用在中括号开头的时候,就表示排除括号里的字符。

^[^0-9]$

通俗解释JavaScript正则表达式快速记忆

1.3 $

美元符号“$” 表示正则式的结束。

com$ 

通俗解释JavaScript正则表达式快速记忆

2、正则表达式验证

推荐一个验证正则表达式的网址:https://regexper.com/

 2.1 示例

^[0-9]{3,7}$

上面正则表达式为长度最小为3,最大为7的数字。

验证结果为:

通俗解释JavaScript正则表达式快速记忆

2.2  '│'符号相当于OR操作

^(1|2)$

通俗解释JavaScript正则表达式快速记忆

3、快捷命令

3.1 \d 表示数字[0-9] 注意d前有转义字符\

^\d$

通俗解释JavaScript正则表达式快速记忆

 大写D:\D表示非数字

^\D$

通俗解释JavaScript正则表达式快速记忆

3.2 下划线的任何单词字符\w

^\w$

通俗解释JavaScript正则表达式快速记忆

大写W :\W表示非单词

^\W$ 

通俗解释JavaScript正则表达式快速记忆

3.3 0次或多次发生 *

^[0-9]*$

通俗解释JavaScript正则表达式快速记忆

3.4 至少一次发生+

^[0-9]+$

通俗解释JavaScript正则表达式快速记忆

3.5 0次或1次发生?

^[0-9]?$

通俗解释JavaScript正则表达式快速记忆

总结

以上所述是小编给大家介绍的通俗解释JavaScript正则表达式快速记忆,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
Aug 21 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
jquery 操作DOM案例代码分享
Apr 05 Javascript
JavaScript设计模式初探
Jan 07 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
理解Angular的providers给Http添加默认headers
Jul 04 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
JS判断数组里是否有重复元素的方法小结
May 21 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 Javascript
javascript中call,apply,bind的区别详解
Dec 11 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 #Javascript
jQuery Position方法使用和兼容性
Aug 23 #jQuery
详解EasyUi控件中的Datagrid
Aug 23 #Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 #Javascript
Bootstrap table使用方法记录
Aug 23 #Javascript
JS实现浏览上传文件的代码
Aug 23 #Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 #jQuery
You might like
利用PHP实现与ASP Banner组件相似的类
2006/10/09 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
laravel学习教程之关联模型
2016/07/30 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
PHP中isset、empty的用法与区别示例详解
2020/11/05 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
python爬虫 正则表达式使用技巧及爬取个人博客的实例讲解
2017/10/20 Python
pandas DataFrame索引行列的实现
2019/06/04 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
python3 中的字符串(单引号、双引号、三引号)以及字符串与数字的运算
2019/07/18 Python
python datetime时间格式的相互转换问题
2020/06/11 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
门前三包责任书
2014/04/15 职场文书
高一学生期末评语
2014/04/25 职场文书
社区工作者演讲稿
2014/05/23 职场文书
首席执行官观后感
2015/06/03 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL