JavaScript学习总结之正则的元字符和一些简单的应用


Posted in Javascript onJune 30, 2017

一、元字符:

每一个正则表达式都是由元字符和修饰符组成的

[元字符] ->在两个/之间的具有意义的一些字符 

reg = /^\d$/  //只能是一个0-9之间的数字  

1、具有特殊意义的元字符

\ : 转义字符,转译后面字符所代表的含义

^ : 以某一个元字符开始

$ : 以某一个元字符结尾

       \n : 匹配一个换行符

. : 除了\n以外的任意字符 

() : 分组 -> 把一个大正则本身划分成几个小的正则 

x|y : x或者y中的一个

[xyz] : x或者y或者z中的一个

[^xyz] : 除了三个以外的任何一个字符

[a-z] : a-z之间的任何一个字符

[^a-z] : 除了a-z之间的任何一个字符

\d : 一个0-9之间的字符  \D 除了0-9之间的数字以外的任何字符

\b : 一个边界符 "w1 w2 w3"

\w : 数字、字母、下划线中的任意一个字符 [0-9a-zA-Z_]

\s : 匹配一个空白字符  空格、一个制表符、换页符...

2、代表出现次数的量词元字符

* : 出现零次到多次

+ : 出现1到多次

? :出现零次或者1次

{n} :出现n次

{n,} :出现n到多次

{n,m} :出现n到m次 

var reg = /^\d+wo\d+$/;// 123wo234
 var reg = /^(\d+)wo(\d+)$/;
var reg = /^0.2$/  // 以0开头 2结尾,中间可以是除了\n的任意字符
var reg = /^\d+$/;//只能是多个数字
      console.log(reg.test('2017'))//true
      //一个简单的验证手机号的正则:11位数字,第一位为1
      var reg = /^1\d{10}$/;

二、元字符应用

[]

    1、在中括号中出现的所有的字符都是代表本身意思的字符(没有特殊的含义)。

()

  1、分组的作用一: 改变x|y的默认的优先级

 var reg = /^18|19$/;
      //符合条件的有18、19、181、189、119、819、1819


 var reg = /^(18|19)$/ //18、19

1、有效数字的正则   正数、负数、零、小数

 1)、"."可以出现也可以不出现,但是一旦出现,后面必须跟着一位或者多位数字

 2)、最开始可以有+/-也可以没有

 3)、整数部分,一位数可以是0-9之间的一个,多位数不能以0开头

 正则如下

var reg = /^[+-]?(\d|([1-9]\d+))(\.\d+)?$/

以上所述是小编给大家介绍的JavaScript学习总结之正则的元字符和一些简单的应用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 禁止复制网页
Jun 11 Javascript
javascript设置连续两次点击按钮时间间隔的方法
Oct 28 Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
用js编写留言板
Mar 17 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 Javascript
js实现限定区域范围拖拉拽效果
Nov 20 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 #Javascript
详解vue中computed 和 watch的异同
Jun 30 #Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 #Javascript
vue2.0 axios前后端数据处理实例代码
Jun 30 #Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 #Javascript
MUI实现上拉加载和下拉刷新效果
Jun 30 #Javascript
js实现京东轮播图效果
Jun 30 #Javascript
You might like
php生成图形验证码几种方法小结
2013/08/15 PHP
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
javascript eval函数深入认识
2009/02/21 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[01:39](回顾)各路豪强针锋相对,几经鏖战四强产生
2014/07/01 DOTA
python实现在目录中查找指定文件的方法
2014/11/11 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
使用python爬取B站千万级数据
2018/06/08 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
详解Python高阶函数
2020/08/15 Python
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
教师自我鉴定
2013/12/13 职场文书
运动会广播稿200米
2014/01/27 职场文书
消防先进事迹材料
2014/02/10 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
加入学生会演讲稿
2014/04/24 职场文书
助残日活动总结
2014/08/27 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
优秀护士事迹材料
2014/12/25 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书