菜单

javascript高等程序设计(第三版)学习笔记(一) 正则表达式整理

2019年8月10日 - Ajax

1、创制正则表明式 先是种形式:注意这里的正则表明式无法使用单引号也许双引号,如下
var pattern1 = /[abc]/i; // 相称第三个”a”或”b”或”c”,不区分轻重缓急写
其次种方法:使用RegExp构造函数成立,该构造函数字传送入多个参数,都以字符串,所以供给特别注意”\”符号的改造,全部元字符(下边有讲元字符)须求再行转义,如下

复制代码 代码如下:

var patt1 = new RegExp(“[abc]”,”gi”); // 这里也正是 var patt1 =
/[abc]/gi;
alert(“[abc]”.match(patt1)); // return a
var patt2 = new RegExp(“\\[abc\\]”,”gi”); // 这里约等于 var patt2
= /\[abc\]/gi; 而在引号内”\”必须转变为”\\”
alert(“[abc]”.match(patt2)); // return [abc]

提起这里思虑多个难点:
a、借使这里的正则表明式,是通过字符串和有些变量动态组合而成的,怎么着使用第一种办法创制正则表达式?
映注重帘,用第三种成立正则表明式的方式,确定未有别的难点,因为,传入的首先个参数自己就是多少个字符串。要用第一种办法创造,这里须要用到eval()函数,如下

复制代码 代码如下:

var str = “abc”; // 那说不定是二个动态的变量
var patt1 = eval(“/\\[“+str+”\\]/”); // 等价于 var patt1 =
/\[abc\]/;
alert(“[abc]”.match(patt1)); // return [abc]

b、上边二种创制方法有啥不相同之处?
《javascript高档程序设计(第三版)》中讲:区别在于是或不是分享,使用第一种办法创制的正则,分享,第三种不共享。经楼主实施发现结果有一点点出入,三种成立情势结果一致,都以(true
true
true),各位能够自动测试。所以那边MACRUISERK一下,那二种成立格局没什么不一致。

复制代码 代码如下:

var re = null,i;
for(i=0;i<3;i++){
re = /cat/g;//书:实例属性不会重新初始化,上边包车型大巴结果应当是 true false true
alert(re.test(“catasdfdfdf”));
}
for(i=0;i<3;i++){
re = new RegExp(“cat”,”g”);//书:实例属性会重新设置,下边包车型大巴结果应当是 true
true true
alert(re.test(“catasdfdfdf”));
}

此处顺便讲一下协作情势的四个标记:g、i、m
g:设置了g之后,方式被采用于具备字符串,发现第一个相称项后,不会登时停止,情势的lastIndex会移至下贰个地方,待下贰回采取此格局的时候,再度从lastIndex开端相配,借使协作到终极了,lastIndex才会被重新恢复设置为0;
i:那个很好领会,不区分轻重缓急写;
m:表示多行形式,即在达到一行文本末尾的时候还也许会继续寻找下一行,进行匹配;
2、元字符: ( [ { \ ^ $ | ) ? * + . ] }
那个字符在正则表达式中有一或多样特种用途,因而只要想相称这几个字符,都急需举行转义。如:

复制代码 代码如下:

var pattern1 = /\[abc\]/i; // 相称第八个”[abc]”,不区分轻重缓急写
var pattern2 = /[abc]/i; // 相配第多少个”a”或”b”或”c”,不区分轻重缓急写

3、RegExp实例属性
global、ignoreCase、multiline、lastIndex、source,这几个属性用处相当小,当中lastIndex可用以调节和测验,轻松示例

复制代码 代码如下:

var patt1 = /cat/g;
patt1.test(“catasdfdfdf”);
dw(patt1.global); // 是或不是设置了g,全局格局 // true
dw(patt1.ignoreCase); // 是或不是设置了i,不区分轻重缓急写 // false
dw(patt1.multiline); //
是还是不是设置了m,多行相配,到了一条龙末尾,能够持续合营下一行 // false
dw(patt1.lastIndex); // 表示开端寻找下一个相配项的开头地点,第二次为0 //
3
dw(patt1.source); // 再次来到正则表明式字面量 // cat

4、范围集合类:[] ^ |
[abc],表示a只怕b或然c中的放肆贰个字符
[a-z]、[A-Z]、[0-9],表示小写字母,大写字母,0到9的数字
[^a-z]、[^A-Z]、[^0-9],表示非小写字母,非大写字母,非0到9的数字
[abc|def],表示abc和def中的猖獗一个

复制代码 代码如下:

alert(/[abc]/.test(“a”));//true
alert(/[abc]/.test(“gg”));//false
alert(/[^abc]/.test(“a”));//false
alert(/[^abc]/.test(“gg”));//true
alert(/[a-z]/.test(“A”));//false
alert(/[A-Z]/.test(“A”));//true
alert(/[abc|def]/.test(“def”));//true

5、量词类:? * + {m} {m,n} {m,}
? 0或1次,放在量词前边,表示非贪婪品相配,后边批注
* 0或多次

复制代码 代码如下:

alert(/a?/.test(“a”));//true
alert(/a?/.test(“b”));//true 能够出现0次
alert(/a*/.test(“a”));//true
alert(/a*/.test(“b”));//true 能够出现0次
alert(/a+/.test(“a”));//true
alert(/a+/.test(“b”));//false
alert(/a{3}/.test(“aaaaa”));//true
alert(/a{3}/.test(“bbbbb”));//false
看到网络一些小说将,这里应该是0恐怕3次,这里楼主测量检验了多少个浏览器,未有0次
alert(/a{3,5}/.test(“aaaaa”));//true
alert(/a{3,5}/.test(“bbbbbb”));//false
alert(/a{3,}/.test(“aaaaa”));//true
alert(/a{3,}/.test(“bbbbbb”));//false

6、边界类: ^ $ \b \B
^ 代表初阶的阐明,注意,不能跟着左中括号,比如[^A-Z],那样表示非
$ 表示最后的标记
\b
单词边界的申明,那样精晓,它代表单词间极其看不到的东西,一侧是单词字符,一侧是非单词字符(满含种种标点和空白字符或普通话)
\B 非单词边界的注脚

复制代码 代码如下:

alert(/^居$/.test(“居”)); // 只限一个 居 true
alert(/^居$/.test(“居居”)); // 只限二个 居 false
alert(/\b啊/.test(“a啊”)); // true
思虑一下:为啥这些和底下的结果区别??
alert(/\b啊/.test(“-啊”)); // false
alert(/\B啊/.test(“a啊”)); // false
alert(/\B啊/.test(“-啊”)); // true

alert(/\b啊/.test(“a啊”));
中,”a”和”啊”之间存在一个\b,因为\b的左侧是”a”,左边是”啊”,所以能够包容,为true;
相反:alert(/\b啊/.test(“-啊”));
中,”啊”的左手有个\b,但是\b的侧边是”-“,不是单词字符,所以,不能合作,为false
7、预订义类: \d \D \s \S \w \W .
\d 代表0-9的数字字符,也正是 [0-9]
\D 代表非0-9的数字字符,也正是 [^0-9]

复制代码 代码如下:

alert(/\d/.test(“1”));//true
alert(/\D/.test(“1”));//false

\s 空白字符,相当于 [\n\r\f\t\x0B ] ,注意空格也算
\S 非空白字符,也等于 [^\n\r\f\t\x0B ]

复制代码 代码如下:

alert(/\s/.test(” “));//true,空格也算
alert(/\S/.test(“\n\r\f\t\x0B “));//false
alert(/\S/.test(“\n\r\f\t\x0B \\”));//true

\w 单词字符,相当于 [a-zA-Z0-9_]
\W 非单词字符,也正是 [^a-zA-Z0-9_]

复制代码 代码如下:

alert(/\w/.test(“afdas”));//true
alert(/\W/.test(“afdas”));//false

(点). 代表除了\n和\r意外的专擅字符,也等于 [^\n\r]

复制代码 代码如下:

alert(/./.test(“\n\r”));//false ,独有那多个,别的的都能够被 . 相称
alert(/./.test(” “));//true

8、RegExp实例方法:exec() test() match()
exec():再次回到第3个十分项新闻的数组,没能匹配成功重返null,用法:pattern.exec(str);
供给注意有未有”g”的不雷同

复制代码 代码如下:

var re1 = /([a-z]*)bbb/;//贪婪
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re1.exec(“abbbaabbb1234″)+”<br
/>”);//abbbaabbb,abbbaa,这里贪婪相称到abbaabbb,然后$1为abbbaa,所以此时回到abbbaabbb,abbbaa
var re1 = /([a-z]*)bbb/g;//贪婪
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re1.exec(“abbbaabbb1234″)+”<br />”);//null
//因为设置了g标志,并为贪婪相称,而地点的test已经贪婪相称到abbbaabbb,后边独有1234,所以那时同盟不到,重回null

test():在只供给通晓是或不是合营,无需明白具体协作什么文本的情况下,使用那些放个比较有利,用法:pattern.test(str);

复制代码 代码如下:

var re1 = /([a-z]*)bbb/;//贪婪
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
var re1 = /([a-z]*)bbb/g;//贪婪
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//false
要明了这里怎么是false,因为设置了g,那么此次的同盟是从1开头的
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true

match():这几个函数比较极度,在设置g和不安装的事态下,表示情势完全不均等,在未设置g的境况下,表现方式和exec一样,设置了g的状态下,将再次来到全数相配到的值的成团,用法:str.match(pattern)

复制代码 代码如下:

var re1 = /([a-z]*)bbb/;//贪婪
document.write(“abbbaabbb1234″.match(re1)+”<br
/>”);//abbbaabbb,abbbaa
这里的abbbaabbb是相称到的全体字符串,abbbaa是合营第二个小括号的字符串
var re1 = /([a-z]*)bbb/g;//贪婪
document.write(“abbbaabbb1234″.match(re1)+”<br
/>”);//abbbaabbb,在安装了g后,match()重临全数相称到的值

终极,exec()和未设置g的match(),
最终回到的数组的首先个因素是全方位相称的字符串,如若方式中留存小括号,那么第三个成分是第一个括号的极度内容,就这样类推,第多个、第七个。。。比方:

复制代码 代码如下:

var re1 = /(a(b(c)))d/;
var str = “abcdd”;
var matches = str.match(re1);
alert(matches[0]);//abcd //这里是整套字符串
alert(matches[1]);//abc //这里是率先个小括号
alert(matches[2]);//bc // 这里是第三个小括号
alert(matches[3]);//c // 这里是第多个小括号

9、贪婪和非贪婪相称 ?
贪求无厌相称:相配到后来,继续今后非凡到字符串结束,然后采纳最长的。比如:对于字符串”aaaaaab”,要相称/a+/,那么相配的将是”aaaaaa”,并非贰个”a”。
非贪婪相称:匹配到以往,登时甘休。比如:对于字符串”aaaaaab”,要相配/a+?/,那么相称的将是”a”,并非多个”aaaaaa”。用法正是在量词后边加”?”。

复制代码 代码如下:

var re1 = /a+/;
var str = “aaaaaaa”;
alert(str.match(re1));// aaaaaaa
var re1 = /a+?/;
var str = “aaaaaaa”;
alert(str.match(re1));// a

上面给叁个归纳一点的例证:疏解了贪婪和非贪婪,全局g,exec和match的区分???

复制代码 代码如下:

var re1 = /([a-z]*)bbb/;//贪婪
var re2 = /([a-z]*?)bbb/;//非贪婪
document.write(re1.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re1.exec(“abbbaabbb1234″)+”<br
/>”);//abbbaabbb,abbbaa,这里贪婪相称到abbaabbb,然后$1为abbbaa,所以那时候回来abbbaabbb,abbbaa
document.write(“abbbaabbb1234″.match(re1)+”<hr>”);//abbbaabbb,abbbaa,这里贪婪相称到abbaabbb,然后$1为abbbaa,所以这时候归来abbbaabbb,abbbaa
document.write(re2.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re2.exec(“abbbaabbb1234″)+”<br />”);//abbb,a
,这里非贪婪相称到abbb,然后$1为a,所以那时候归来abbb,a
document.write(“abbbaabbb1234″.match(re2)+”<hr>”);//abbb,a
,这里非贪婪相称到abbb,然后$1为a,所以那时候归来abbb,a
var re3 = /([a-z]*)bbb/g;//贪婪
var re4 = /([a-z]*?)bbb/g;//非贪婪
document.write(re3.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re3.exec(“abbbaabbb1234″)+”<br />”);//null
,因为设置了g标志,并为贪婪相配,而地点的test已经贪婪相配到abbbaabbb,前面唯有1234,所以那时格外不到,再次来到null
document.write(“abbbaabbb1234″.match(re3)+”<hr>”);//abbbaabbb,注目的在于安装了g标记后,match只回去相称到的享有值,这里因为是名缰利锁般配,所以相配了abbbaabbb
document.write(re4.test(“abbbaabbb1234″)+”<br />”);//true
document.write(re4.exec(“abbbaabbb1234″)+”<br />”);//aabbb,aa
,因为设置了g标记,并为非贪婪相配,而地点的test已经贪婪相配到abbb,后边唯有aabbb1234,所以那时候在此相称到aabbb,此时$1为aa,所以重回aabbb,aa
document.write(“abbbaabbb1234″.match(re4)+”<hr>”);//abbb,aabbb
注意在设置了g标志后,match只回去相配到的有着值,这里因为黑白贪婪匹配,所以相配了abbb,aabbb

10、反向援用
正则表明式中的相配组捕获的子字符串。各类反向引用都由三个数码或名称来标记,并经过“\数码”表示法举办引用。

复制代码 代码如下:

/(\w+)/.test(“hello-world”);
dwl(RegExp.$1);//hello
dwl(/(居)\1/.test(“居居”))//true 这里的\1代表第二个小括号内部的原委
dwl(“aa bbb cccc”.replace(/(\w{2,}) (\w{2,}) (\w{2,})/,”$3 $2 $1″));
// cccc bbb aa

11、非捕获性分组 ?:
并非各样小括号都能经过反向引用实行捕获,在小括号后边加上”?:”,就能够进行安装非捕获性分组。

复制代码 代码如下:

/(\w+)-(\w+)/.test(“hello-world”);
alert(RegExp.$0);//undefined
alert(RegExp.$1);//””不会被破获
alert(RegExp.$2);//world

12、正迈入瞻 ?= 和负向前瞻 ?!
(?=str) 相称前面紧跟是str,例如 he 能够通过情势 /he(?=llo)/ 匹配 字符串
“hello”
(?!str) 相称前边紧跟不是str,比如 hel 能够透过方式 /he(?!llo)/ 匹配
字符串 “hello”

复制代码 代码如下:

//那样敞亮,将(?=str)大概(?!str)当做条件,然后思索万分别的的局地,相称到了之后,再拿原则作相比,看符不适合
dwl(“he-lloworld”.match(/(\w+)(?=world)/g)); //llo
这里先相称(\w+),找到三个块,he和lloworld,在那之中he不切合(?=world),而lloworld,只要拆成llo和world连接,就适合(?=world),即,llo链接了一个world,所以这里特别了llo
dwl(“he-lloworld”.match(/(\w+)(?!world)/g)); //he,lloworld
这里先相配(\w+),找到八个块,he和lloworld,个中he不吻合(?=world),而lloworld,只要不拆,就符合(?!world),即,llo链接了三个world,所以这里格外了he,lloworld

13、出多少个实例题目?
a、讲多个字符串中的全数英语单词首字母大写?

复制代码 代码如下:

var str = “你好hello世界woRld,我i爱love你you”;
var str = str.toLowerCase().replace(/\b\w|\s\w/g,function(s){
return s.toUpperCase();
});
alert(str)

b、去除html代码中的全部标签,除了a标签

复制代码 代码如下:

var str = “<p><a
href=’http://www.jb51.net/'&gt;居居居居居居居居居&lt;/a
></p><hr/><p> by
<em>居居居居居居居居居</em></p>”;
var str = str.replace(/<(?!(\/?a))(.|\s)*?>/g,””); //
这里运用了 负前瞻
alert(str); // <a
href=’http://www.jb51.net/'&gt;居居居居居居居居居&lt;/a > by
居居居居居居居居居

下一节讲一下,常用的正则表达式,整理计算~~~!!!!!楼主喝口水,这么点东西写了快一天。。。

http://www.bkjia.com/zzbds/328262.htmlwww.bkjia.comtruehttp://www.bkjia.com/zzbds/328262.htmlTechArticle1、创建正则表达式
第一种办法:注意这里的正则说明式不可能使用单引号或然双引号,如下 var
pattern1 = /[abc]/i; // 相配第三个”a”或”b”或”c”,不…

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图