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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤
Apr 23 Javascript
ExtJs grid行 右键菜单的两种方法
Jun 19 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
微信小程序 form组件详解
Oct 25 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
详解node如何让一个端口同时支持https与http
Jul 04 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 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中几个常用的魔术常量
2012/02/23 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
获取当前网页document.url location.href区别总结
2008/05/10 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
cnblogs csdn 代码运行框实现代码
2009/11/02 Javascript
jQuery中width()方法用法实例
2014/12/24 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
2015/09/01 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
Python set常用操作函数集锦
2017/11/15 Python
scrapy spider的几种爬取方式实例代码
2018/01/25 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
破解安装Pycharm的方法
2018/10/19 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
Python正则表达式如何匹配中文
2020/05/27 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
解决PyCharm IDE环境下,执行unittest不生成测试报告的问题
2020/09/03 Python
css sprite简单实例
2016/05/23 HTML / CSS
家用个人磨皮机:Trophy Skin
2017/03/30 全球购物
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
网上开店必备创业计划书
2014/01/26 职场文书
校园广播稿500字
2014/02/04 职场文书
大学生求职计划书
2014/04/30 职场文书
公司晚会策划方案
2014/05/17 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
会议主持词结束语
2015/07/03 职场文书
Html5同时支持多端sdk的小技巧
2021/11/17 HTML / CSS