通俗解释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 相关文章推荐
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
jQuery.buildFragment使用方法及思路分析
Jan 07 Javascript
页面加载完毕后滚动条自动滚动一定位置
Feb 20 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 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
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
详解PHP的Laravel框架中Eloquent对象关系映射使用
2016/02/26 PHP
thinkphp jquery实现图片上传和预览效果
2020/07/22 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
PHP Redis扩展无法加载的问题解决方法
2019/08/22 PHP
js 动态选中下拉框
2009/11/26 Javascript
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
jQuery参数列表集合
2011/04/06 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
AngularJS表单基本操作
2017/01/09 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
跟老齐学Python之编写类之四再论继承
2014/10/11 Python
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
Python+OpenCV图像处理——打印图片属性、设置存储路径、调用摄像头
2020/10/22 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
css3 box-shadow阴影(外阴影与外发光)图示讲解
2017/08/11 HTML / CSS
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
应届医学毕业生求职信分享
2013/12/02 职场文书
培训讲师邀请函
2014/01/10 职场文书
《钱学森》听课反思
2014/03/01 职场文书
财产公证书样本
2014/04/04 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
老乡会致辞
2015/07/28 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL
MySQL批量更新不同表中的数据
2022/05/11 MySQL
vue实现简易音乐播放器
2022/08/14 Vue.js