通俗解释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时遇到的一些小问题
Dec 06 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 Javascript
Jquery调用iframe父页面中的元素及方法
Aug 23 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
关于自定义Egg.js的请求级别日志详解
Dec 12 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 Javascript
typescript编写微信小程序创建项目的方法
Jan 29 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
ThinkPHP写第一个模块应用
2012/02/20 PHP
PHP读取Excel类文件
2017/05/15 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
PHP实现的日历功能示例
2018/09/01 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
js身份证验证超强脚本
2008/10/26 Javascript
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
javascript prototype,executing,context,closure
2008/12/24 Javascript
用 Javascript 验证表单(form)中的单选(radio)值
2009/09/08 Javascript
xss文件页面内容读取(解决)
2010/11/28 Javascript
浅析javascript闭包 实例分析
2010/12/25 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
js获取事件源及触发该事件的对象
2013/10/24 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
2014/02/17 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
2019/04/28 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
python控制台显示时钟的示例
2014/02/24 Python
python web框架 django wsgi原理解析
2019/08/20 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
生日寿宴答谢词
2014/01/19 职场文书
新护士岗前培训制度
2014/02/02 职场文书
体育课课后反思
2014/04/24 职场文书
绿色环保口号
2014/06/12 职场文书
毕业证明模板
2015/06/19 职场文书
js判断两个数组相等的5种方法
2022/05/06 Javascript