正则表达式

学前端的知识,就离不开要用到正则表达式。正则表达式功能很强大,学起来却很简单。

1、什么是正则表达式

       正则表达式(regular expression)是一个描述字符模式的对象。 ECMAScript的 RegExp类表示正则表达式, 而 String和 RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。
       正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按钮之后, 表单就会被发送到服务器, 在服务器端通常会用 PHP、 ASP.NET等服务器脚本对其进行进一步处理。因为客户端验证,可以节约大量的服务器端的系统资源,并且提供更好的用户体验
2、如何创建

   在JavaScript中,var box=new RegExp('box','ig') //第二个参数为可选参数

也可以直接写 var box =/box/ig;

正则表达式_第1张图片

3、获取控制

正则表达式_第2张图片

正则表达式_第3张图片

正则表达式_第4张图片

正则表达式_第5张图片

4、 举例

  1、邮政编码

var  st='224000';

var pattern='/[1-9][0-9]{5}/';       //第一位不能为0,后面五位0-9均可{5}代表[0-9]重复5次

  2、压缩文件名

 var str='123.zip';

var pattern=/[\w]+\.(zip|rar|gz)/;    

//  \w表示所有的数字、字母、下划线。  \.表示.   要转译一下

 //同时,还需要转译的字符有  * . ? + $ ^ [ ] ( ) { } | \    想表达这些字符是,要加\再加上这个字符

//后面的括号里表示一组,|表示式选择关系

   3、删除多余空格

var str='22 33 55 5656';

var pattern=/\s/g;           //  \s删除空格  g开启全局匹配,就是删除所有的,而不是一个

 4、删除首尾空格

var  pattern=/^\s+/;       //强制首
var  str='   goo gle     ';
var  result=str.replace(pattern,'');  //先删除首空格
pattern=/\s+$/;             //强制尾
result=result.replace(pattern,'')     //再删除尾空格

你可能感兴趣的:(JavaScript,JavaScript)