【JavaScript】正則表達式
正則表達式,也不是第一次与它见面了。在我们学习ASP.NET视频的时候,验证控件的那个实例中。就有提到过它。 那个时候。都是在控件的属性中自己设置的,用的原理就是正則表達式,当时得感觉就是方便,强大,给我们带来了非常大的便利。 这一次。就是对正則表達式的深入学习了。 一.什么是正則表達式
正則表達式(regular expression)是一个描写叙述字符模式的对象。ECMAScript的RegExp类表示正則表達式。
正則表達式主要用来验证client的输入数据。由于client验证,能够节约大量的server端的系统资源,而且提供更好的用户体验。
假设用户须要在HTML表单中填写姓名、地址、出生日期等。那么在将表单提交到server进一步处理前,JavaScript程序会检查表单以确认用户输入了信息而且这些信息是符合要求的。
二.创建正則表達式
创建正則表達式提供了两种方法,一种是採用new运算符,一种是採用字面量方式。
1.两种创建方式
var box = new RegExp('box'); //new的方法
var box = /box/; //字面量的方法
2.測试正則表達式
RegExp对象包括两种方法用于測试字符串匹配。test()和exec().
test()方法在字符串中查找是否存在制定的正則表達式并返回布尔值,假设存在则返回true。不存在返回false;
exec()方法也用于在字符串中查找制定正則表達式。假设运行成功。返回包括该查找字符串的相关信息数组。运行失败,返回null。 3.String对象使用正則表達式的4个方法
- match方法获取匹配数组
- replace方法替换匹配到的数据
- search方法查找匹配数组
- split方法拆分成字符串数组
光从这个名称来看,一点也不知道这里讲的应该会是写什么。所以直接从后面的样例及实现出发,看看它到底是什么。 实例1:
var pattern =/g..gle/; //点符号表示匹配除了换行符外的随意字符
var str='g12gle';
alert(pattern.test(str)); //返回的结果为true
实例2:
var pattern =/go*gle/; //o*,表示0个,1个。或者多个o
var str='gbbbgle';
alert(pattern.test(str)); //返回的结果为false
实例3:
var pattern =/g.?gle/; //.? ,表示1个,或者0个的随意字符
var str='gbbgle';
alert(pattern.test(str)); //返回的结果为true
这样看来。获取控制事实上是通过各种特殊字符从而去验证能否与字符串相匹配。 由于有些信息的验证并非唯一的。比方说,我们验证用户的联系方式是否输入合理,我们不能把联系方式写死了,每一个用户的信息都是不一样的,这时候,就须要运用各种字符。字符的表示含义扩大了,从而去与用户的信息相匹配就变得灵活了。 以下将举几个经常使用的正则中就实用到这部分的内容,从实例看。也许就更清楚了。
四.经常使用的正则
1.检查邮政编码
var pattern = /[1-9][0-9]{5}/; //共六位数字。第一位不能为0
var str ='224000';
alert(pattern.test(str)); //返回的结果为true
2.检查文件压缩包
var pattern =/[\w]+\.zip|rar|gz/; //\w表示全部数字和字母加下划线
var str = '123.zip'; //\.表示匹配,后面是一个选择
alert(pattern.test(str)); //返回的结果为true
五.学习感受
正則表達式的学习,在没有深入了解之前,就见识到了它的厉害之处。所以,非常大程度上激发了自己的学习兴趣,非常想做深入的了解。 而在学习这部分内容的过程中,大体上没有什么困难的,有些不理解的通过实例自己去验证,去匹配,也就都攻克了。 正則表達式。非常强大。非常方便,非常喜欢。
【JavaScript】正則表達式的更多相关文章
- javascript 正則表達式补充
定义 JavaScript种正則表達式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%&g ...
- JavaScript正則表達式知识汇总
Js 正則表達式知识汇总 正則表達式: 1.什么是RegExp?RegExp是正則表達式的缩写.RegExp 对象用于规定在文本中检索的内容. 2.定义RegExp:var +变量名=new RegE ...
- javascript正則表達式 "\b"问题
preface 昨晚在看<javascript权威指南>后.看见作者自己封装一个兼容全部浏览器的山寨HTML5新API classLIst类.自己想了想认为自己也要去玩一下.可是能力还是有 ...
- DOM笔记(十):JavaScript正則表達式
一.RegExp ECMAScript通过RegExp类型类支持正則表達式,语法和Perl类似: var exp = /pattern/flags; patternb部分是不论什么简单的或复杂的正則表 ...
- JavaScript 正則表達式
一.简单介绍 1.什么是正則表達式 正則表達式本身就是一种语言,这在其他语言是通用的. 正則表達式(regular expression)描写叙述了一种字符串匹配的模式,能够用来检查一个串是否含有某种 ...
- 经常使用的正則表達式归纳—JavaScript正則表達式
来源:http://www.ido321.com/856.html 1.正则优先级 首先看一下正則表達式的优先级,下表从最高优先级到最低优先级列出各种正則表達式操作符的优先权顺序: 2.经常使用的正則 ...
- javascript——正則表達式
正則表達式(RegExp对象):主要用于表单验证 1.创建正則表達式: (1).var ret = /pattern/; pattern是内容.能够是正則表達式的内容,能够是字符或是其它的内容 (2) ...
- javascript正則表達式
定义一个正則表達式 能够用字面量 var regex = /xyz/; var regex = /xyz/i; 也能够用构造函数 var regex = new RegExp('xyz'); var ...
- JavaScript使用正則表達式
2.0 简单介绍 正則表達式是能够用来查找与给定模式匹配的文本的搜索模式.比如,在上一章中,我们在一个较长的字符串中查找子字符串Cookbook: var testValue = "This ...
- js正則表達式语法
1. 正則表達式规则 1.1 普通字符 字母.数字.汉字.下划线.以及后边章节中没有特殊定义的标点符号,都是"普通字符".表达式中的普通字符,在匹配一个字符串的时候,匹配与之同样的 ...
随机推荐
- JavaScript--改变 HTML 样式
HTML DOM 允许 JavaScript 改变 HTML 元素的样式.如何改变 HTML 元素的样式呢? 语法: Object.style.property=new style; 注意:Objec ...
- eclipse上ndk环境的搭建&&so文件的生成&&jni文件的调用
JNI是java语言提供的Java和C/C++相互沟通的机制,Java可以通过JNI调用本地的C/C++代码,本地的C/C++的代码也可以调用java代码.JNI 是本地编程接口,Java和C/C++ ...
- semantic、vue 使用分页组件和日历插件
最近正在试试semantic-ui,结合了vue,这里忍不住吐槽semantic和vue的友好度简直不忍直视,不过既然用了,这里就分享几个用到的插件了 1.分页组件(基于vue) var pageCo ...
- 使用A*寻路小记
前几天做另一个DEMO 要用实现自动寻路功能,看到普遍都是A* 学习了下 我的主循环代码: isFindEndPoint = false; //主循环 do { CreateOutSkirtsNode ...
- 01--Java集合知识
一.Java集合概览 Java中集合分2大块,Collection和Map,分别代表不同功能的集合类对象,整体结构图如下: Collection├List│├LinkedList│├ArrayList ...
- [问题记录]-技术学习-RocketMQ-全球集群部署问题
一:问题场景 公司在部署全球的RocketMQ的时候,遇到亚洲区的服务器往欧洲区的RocketMQ发送消息失败的情况. 总共有出现两个问题 1:No Topic Route Info org.apac ...
- 转录组入门(3):了解fastq测序数据
sra文件转换为fastq格式 fastq-dump -h --split-3 也就是说如果SRA文件中只有一个文件,那么这个参数就会被忽略.如果原文件中有两个文件,那么它就会把成对的文件按*_1.f ...
- ES6 Array返回只出现一次的元素
234
- Java中Math对象的属性与方法
Math.sqrt() ——————>计算平方根Math.cbrt()————————>计算立方根Math.pow(a, b)——————————>计算a的b次方Math.max( ...
- 【LeetCode】1、Two Sum
题目等级:Easy 题目描述: Given an array of integers, return indices of the two numbers such that they add u ...