js_正则

正则应用

正则表达式在web开发中的常用

邮箱验证
用户名验证
替换字符串某一部分
信息采集,用来分析有效代码段
...

有规律的字符串描述

正则表达式是一门独立的知识,同样的一段描述,比如,对于email的匹配表达式,在不同的语言是一样的,但是调用的函数不同。

正则表达式--规则表达式

正则表达式:正则表达式
正则表达式语法:正则表达式语法
正则表达式语言:正则表达式语言

准备性的工作

在js中,如何写正则表达式。 /RegExp/

在js里,用正则表达式来验证字符串是否满足, 使用 reg.test(str);

用正则表达式的exec函数,用来查找匹配的选项,并把查找的值取出。

reg.test(str); 返回true 或者false 。 常在表单验证中使用。

    请输入姓名:    请输入年龄:    var oBD = document.getElementById('biaodan');    var oName = document.getElementById('name');    var oAge = document.getElementById('age');//表单试图提交的时候,触发onsubmit事件//这个函数返回了false,表单不会被提交        oBD.onclick = function(){       //验证name       if( !/^[\u4e00-\u9fa5]{2,4}$/.test(oName.value) ) return false;        //验证年龄       if( !/^\d{2,3}$/.test(oAge.value) ) return false;       if( parseInt( oAge.value )104 ) alert('您输入的年龄不在范围') return false;       return true;    }

exec(); 返回 数组 或 null。
exec是英语execute的意思,CEO首席执行官,E就是executive执行的
“执行” 把正则式放到字符串上执行
每次执行结果按序输出,不管结果有几个,一次只输出一个 ,如果多次输出,会保持前面的引用。当匹配超过原字符串的时候,会返回null。然后遇到null,指针返回到匹配的字符的第一位。 具有迭代器的感觉。

var str = 'ABCDEFG1234567abcdefg';var reg = /[a-z]/g;console.log( a=/[a-z]/g.exec(str) );var a;while( a=reg.exec(str) ){  //这边 null 为 fasle。 exec() 会保持对前面一次的引用。 需要使用 值来赋值。    console.log( a );}

使用exec() 找最大子串

var str = 'AAABBBCCCCCCC';var reg = /(\w)\1+/g;var maxLength = 0;var maxLetter = '';var a;while( a=reg.exec(str) ){    if( a[0].length>maxLength ){        maxLength = a[0].length;        maxLetter = a[0];    }}console.log( maxLetter );
var str='BCDEFG1234567abcdefg';var reg = /[a-z]/g;var a;while( (a=reg.exec(str)) != null ){  //先赋值给a,然后再与后边判断。    console.log( a );}

str.match( reg ); //查找,匹配到,返回数组
str.split( reg ); //拆分,返回数组
str.serch( reg ); //查找位置
str.replace( reg,'new str'); //正则替换,返回string

//测试是否含有hivar reg = /hi/; //仅看字符串是否有 hiconsole.log( reg.test('hello') ); //fasleconsole.log( reg.test('this is iqianduan') ); //true//测试单词 hivar reg01 = /\bhi\b/;console.log( reg01.test('this is') ); //falseconsole.log( reg01.test('this is, hi,his') );//true

正则表达式 3 句话

要找什么字符?
从哪儿找?
找几个?

要找什么字符

字面值, ‘hi’ ,就是找‘hi’。

用字符的集合来表示 , [abcd], 指匹配abcd中任意一个

//找不吉利的数字//3,4,7var reg = /[3,4,7]/; //字符集合, 不能使用 /347/ 字面值表示,是表示整体。 console.log( reg.test('12121212') );//falseconsole.log( reg.test('12341234') ); //true    

用范围表示字符 , [0-9] [0123456789] [a-z] [A-Z]

// var reg = /[0123456789]/;var reg = /[0-9]/;console.log( reg.test('123afsdf') ); //trueconsole.log( reg.test('asdf') ); //false//是否有大写字母var reg = /[A-Z]/;console.log( reg.test('asdf') );//falseconsole.log( reg.test('Tomorrow is another day') ); //true  

字符簇, 花团锦簇-> 一坨字符。

系统为常用的字符集合,创建的简写.
例如:

  1. [0-9] --> d

  2. [0-9a-zA-Z_] --> w .. 域名,注册用户名常用的模式.

  3. [tvfrn] --> s 空白符.

//是否含有数字var reg = /\d/;console.log( reg.test('123afsdf') ); //trueconsole.log( reg.test('asdf') ); //false

补集的形式来表示字符集合 在集合前面使用表示补集。

  1. [0-9]---> 1 ^ 脱字符号: 念法: caret。['kærət] 。

  2. [abcdef]-->2

//验证全为数字
var reg = /^[0-9]/; //匹配非数字
// var reg = /^d/ //字符簇补集
console.log( reg.test('aaaaa') );//非数字存在 false
console.log( reg.test('123aaa') ); //有数字存在 true

字符簇的补集:

  1. d -- > D(非数字)

  2. s --> S(非空白字符)

  3. w --> W

  4. 任意字符 : . 唯独不包括换行符

从哪儿找,找到哪儿

b 单词边界

/bhi/ --> 从单词的边界开始匹配hi。

// 匹配单词hi,包括hi本身// var reg = /\bhi.+/;//错误// var reg = /\bhi\w+/;  //错误。 + --> 至少有 一个var reg = /\bhi\w*/; console.log( reg.exec('this is') ); //nullconsole.log( reg.exec('his') ); //["his", index: 0, input: "his"]console.log( reg.exec('history') ); //["history", index: 0, input: "history,hi"]
//匹配进行时的结尾var reg = /\b[a-zA-Z]+ing\b/;console.log( reg.exec('going') );//["going", index: 0, input: "going"]console.log( reg.exec('1ting.com') );//nullconsole.log( reg.exec('ing') );//null   //2 -> to  4->for  0->zero  
//匹配un前缀的反义词//unhappy  happy,hungry,sun,unhappyvar reg = /\bun[\w]+\b/;console.log( reg.exec('happy,hungry,sun,unhappy') ); //["unhappy", index: 17, input: "happy,hungry,sun,unhappy"]

B 单词的非边界

// 把单词中间的某一个部分取出来。        // 把中间含有hi的单词取出,即hi不能在两端。var reg = /\Bhi\B/;console.log( reg.exec('this') ); //["hi", index: 1, input: "this"]console.log( reg.exec('hi') ); //null

^ creat , 从字符串的起始位置开始匹配

$ 匹配到字符串的结束位置

从字符串的开头到结尾开始匹配,模拟运行顺序.

var reg = /^lishi$/;     console.log( reg.exec('lishinihao') ); nullconsole.log( reg.exec('lishi') );  //["lisi", index: 0, input: "lisi"]

找多少

*, [0,n] --> {0, }

  • , [1,n] -->{1, }
    ? , [0,1] -->{0,1}
    n {n} {3} a{n} , 字符a准确的出现n次
    a{n,} 字符a,至少出现n次。
    a{n,m} 字符串a,出现n到m次。

模式

以匹配为例,默认情况下,找到一次结果符合就结束。
告知匹配过程,一直找,在全文范围内一直找。
g -> 全局模式, global 找所有的,而不是找一次就结束
i -> 忽略大小写,ignore

//查找所有中间含有hi的单词var reg = /\Bhi\B/gi;var str = 'shit,hi,this,thit,THIS';console.log( str.match(reg) );  //["hi", "hi", "hi", "HI"]

确定边界是什么,那些东西必须有,那些东西可能有可能没有。配合+,*

//把链接换成 # //  --> //1,不能保留链接的文字(反向引用)//2,不能跨行(贪婪模式)var reg = //g;var str = '';console.log( str.replace(reg,'文字') );  

js不支持单行模式。

//s   单行模式:把整个字符串看成一行.  代表任意,但不包括换行。

在js里,不支持当行模式的情况下,如何换行?

什么样的模式能代表“所有” 字符串
sS 全部字符 使用一个技巧, 一个集合加补集,就是全集
[dD] [sS] [wW]

var reg = /\/g;var str = ''+        '';console.log( str.replace(reg,'文字') );//s  多行模式:碰到一行就把当前的当成一个字符串来解析
//把每一行的结尾的数字换成 # //车牌号//Cx003//A0008//B3456var str = 'Cx003'+'A0008'+'B3456';var reg = /\d+$/gm;console.log( str.replace(reg,'# ') );

贪婪模式

贪婪模式

如果'?'紧跟在在任何量词*, + , ?,或者是{}的后面,将会使量词变成非贪婪模式(匹配最少的次数),和默认的贪婪模式(匹配最多的次数)正好相反。
比如,使用/d+/非全局的匹配“123abc”将会返回“123”,如果使用/d+?/,那么就只会匹配到“1”。

当正则表达式中包含能接受重复的限定符时,通常的行为是(在使整个表达式能得到匹配的前提下)匹配尽可能多的字符。以这个表达式为例:a.b,它将会匹配最长的以a开始,以b结束的字符串。如果用它来搜索aabab的话,它会匹配整个字符串aabab。这被称为贪婪匹配。

任何量词后面 跟 ? 代表非贪婪模式 , 满足条件就不找了,小富即安,打完收工。 修饰个数,尽量少找和多找的。

//goooooooooods  --> goodsvar str = 'goooooooooods,goooods,goooood,gooooo,gooooods';var reg = /g[o]{3,}?ds/g;console.log( str.replace(reg,'goods') ); //goods,goods,goooood,gooooo,goods    

欲查

正向欲查

欲查不消耗字符。

//查找进行时的单词的词根, 即 不要ing 。  going -> govar str = 'going,comming,fly';// var reg = /\b[a-zA-Z]+ing\b/g;var reg = /\b[\w]+(?=ing)\b/g; // 类似探照灯,先去判断几位是否满足,满足返回,不满足继续下一位.console.log( str.match(reg) );  

满足 ing ,找到com。

不满足接着走。 看见不满足条件,并不会一次性调到ing后面接下去寻找,而是从该处光标继续寻找。
已经查找的词是消耗了,下次从该处光标开始寻找。

//查找进行时的单词的词根, 即 不要ing 。  going -> govar str = 'going,comming,fly';// var reg = /\b[a-zA-Z]+ing\b/g;// var reg = /\b[a-zA-Z]+(?=ing)\b/g; //结尾\b 是错误的, 欲查不消耗字符, 相当于/\b[a-zA-Z]+\b/ 这种形式var reg = /\b[a-zA-Z]+(?=ing)/g; // 类似探照灯,先去判断几位是否满足,满足返回,不满足继续下一位.console.log( str.match(reg) );  // ["go", "comm"]  

负向欲查

不是谁才行。 往后看一定位数,不是谁才可以。 不要后面是某某某的东西。

//查找win98,win95,win32,win2003,winxp   -->win98,win32,win2003,winxpvar str = 'win98,win95,win32,win2003,winxp';var reg = /\bwin(?!95)/g;console.log( str.match(reg) ); // ["win", "win", "win", "win"]

js不支持,向前正向欲查,向前负向欲查:

//找出 un系列单词的词根var reg = /[\w]+(?阴天快乐';    var reg = /]+>([^]+)/;  //超链接的表达式    console.log( reg.exec(str) );  //["阴天快乐", "阴天快乐", index: 0, input: "阴天快乐"]  //能够把子表达式的东西匹配出来。    // console.log( str.replacte(reg,'# ') );    /       ]>([^]+)    主要目的是想要中间那一块      除了>之外的都可行 , 取> 的补集 [^>]      中间部分纯文字,不含大于号,和小于号。 取小于号和大于号的补集 [^]+   / [\s\S]+    */    //一般是整个表达式, 但是中间的部分 有特殊做了描述。 需要的部分特殊处理。使用分组,叫做子表达式。    //匹配html    //   /]*)?>[\s\S]*/    /*exec为例:      匹配到的数组,第0个单元,代表"整个正则表达式的匹配结果"      1,2,3,4....N,则代表第N个子表达式匹配的结果。  //js顶多有9个子表达式。 // ["阴天快乐", "阴天快乐", index: 0, input: "阴天快乐"]    */    console.log( str.replace(reg,'$1') ); //阴天快乐    var str = '';    var reg = /]*)?>[\s\S]*/;    console.log( reg.exec(str) );    str.replace(reg,function( $1,$2 ){      console.dirxml($2); //html    });

如何引用子表达式所匹配的结果?

  1. 在正则外边使用:$N 来匹配 第N个子表达式的匹配结果。

  2. 在正则里边使用N来 使用第N个子表达式。

  3. 0-9 ↩

  4. abcdef ↩

关键字:JavaScript, regexp, 正则表达式

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部