时间:2021-05-26
本文实例讲述了JavaScript引用类型RegExp基本用法。分享给大家供大家参考,具体如下:
1、正则表达式定义
三个标志:全局模式g,不区分大小写模式i,多行模式m。
1) 字面量定义
var pattern = /[fe]at/gim;2) 构造函数定义:
接收两个参数——要匹配的字符串模式和可选的模式字符串(g,i,m)。
var pattern = new RegExp("[fe]at","gim");注意:
1) 若需要匹配的字符串中包含以下元字符,就必须对它们进行转义:( [ { \ ^ & | ) ? * + . ] } 。
2) 由于构造函数定义正则表达式的参数是字符串,所以在某些情况下要对字符时行双重转义如\n,字符\在字符串中通常被转义为\\,而在正则表达式字符串参数中就会变成\\\\,字面量模式/\w\\hello\\123/等价的字符串为“\\w\\\\hello\\\\123”。
2、RegExp实例属性
以上代码返回\[fe\]at
3、RegExp实例方法
1) 继承的toLocaleString()、toString()、valueOf()方法
toLocaleString():返回正则表达式的字面量,与创建正则表达式的方式无关。
toString():返回正则表达式的字面量,与创建正则表达式的方式无关。
valueOf():返回正则表达式本身。
var pattern1 = /\[fe\]at/i);var pattern2 = new RegExp("\\[fe\\]at","i");alert(pattern1.toString()); // /\[fe\]at/ialert(pattern1.toLocaleString()); // /\[fe\]at/ialert(pattern2.toString()); // /\[fe\]at/ialert(pattern2.toLocaleString()); // /\[fe\]at/i2) match()方法
参数:用于匹配的正则表达式。
返回值:区分match()的返回值主要是看是否设置g标志,没有设置g标志时与exec()是等价的。
a. 如果设置g标志,那么返回的是包含所有匹配项的数组。
b. 如果没有设置g标志,那么返回的是包含第一个匹配项的数组,第0项是与整个正则表达式匹配的字符串,第1项是是与第1个子表达式相匹配的文本(如果有的话),第2项是与第2个子表达式相匹配的文本(如果有的话)。
3) exec()方法
参数:要应用模式的字符串。
返回值:返回包含第一个匹配项信息的数组,没有匹配项的情况下返回null。exec()的返回值不受g标志影响,在不设置g标志时,在同一个字符串上多次调用exec()将会始终返回第一个匹配项的信息。即使设置了g标志,一次也只返回一个匹配项,但设置g标志时,每次调用exec()都会在字符串中继续查找新匹配项,会驱动lastIndex可以模拟遍历所有匹配,可以与match()设置g标志时等价(区别在于遍历所有匹配时,exec()需要多次匹配,match()一次匹配即可得到所有匹配)。
返回的数组包含额外的两个属性:index和input。其中,index表示匹配项在字符串中的位置,而input表示应用正则表达式的字符串。在数组中,第0项是与整个正则表达式匹配的字符串,第1项是是与第1个子表达式相匹配的文本(如果有的话),第2项是与第2个子表达式相匹配的文本(如果有的话)。
var str = "Shanghai and Beijing and Guangzhou";var pattern = /Shanghai ( and Beijing ( and Guangzhou)?)?/gi;var match = pattern.exec(str);alert(match.index);//0alert(match.input);//"Shanghai and Beijing and Guangzhou"alert(match[0]);//"Shanghai and Beijing and Guangzhou"alert(match[1]);//"and Beijing and Guangzhou"alert(match[2]);//"and Guangzhou"在不设置g标志的情况下,同一个字符串上调用exec()始终返回第一个匹配项的信息。
var str = "fat eat";var pattern = /.at/;var match = pattern.exec(str);alert(match.index);//0alert(match.input);//fat eatalert(match[0]);//fatalert(pattern.lastIndex);//0var match = pattern.exec(str);alert(match.index);//0alert(match.input);//fat eatalert(match[0]);//fatalert(pattern.lastIndex);//0设置全局标志g情况下,同一个字符串上调用exec()每次会返回一个新的匹配项的信息。
var str = "fat eat";var pattern = /.at/g;var match = pattern.exec(str);alert(match.index);//0alert(match.input);//fat eatalert(match[0]);//fatalert(pattern.lastIndex);//3var match = pattern.exec(str);alert(match.index);//4alert(match.input);//fat eatalert(match[0]);//eatalert(pattern.lastIndex);//74) test()方法
参数:要应用模式的字符串
返回值:在模式与该参数匹配的情况下返回true,否则返回false。
test()方法经常用于if语句中。
问题:
如果正则表达式带有标志g,使用test校验不同的字符串时,RegExp会使用test前一个字符串得出的lastIndex去test后一个字符串,必定出错。
var pattern = /^[1-9]\d{4,10}$/gi;var str = "88888";alert(pattern.test(str));//返回truestr = "888888";alert(pattern.test(str));//返回false解决方法:
① 将正则表达式的 lastIndex 属性设置为0 再用作校验
var pattern = /^[1-9]\d{4,10}$/gi;var str = "88888";alert(pattern.test(str));//返回truestr = "888888";pattern.lastIndex=0;alert(pattern.test(str));//返回true② 正则表达式去掉标志g
var pattern = /^[1-9]\d{4,10}$/i;var str = "88888";alert(pattern.test(str));//返回truestr = "888888";alert(pattern.test(str));//返回true5) 说明:
① exec()和test()是正则表达式的方法,而不是字符串的方法,它的参数才是字符串;match是字符串的方法,而不是正则表达式的方法,它的参数才是正则表达式。
② 即使设置了g标志,exec()每次只返回一个匹配项。没有设置g标志时,exec()和match()执行结果相同;设置g标志时,match()将忽略子表达式,只查找全匹配正则表达式。
③ exec()和match()的区别:
a. 当正则表达式无子表达式,并且没有设置g标志时,exec()和match()执行结果相同,均返回第一个匹配的字符串内容。
var pattern = new RegExp("cat") ;var str = "onecat twocat";alert(pattern.exec(str));//返回catalert(str.match(pattern));//返回catb. 当正则表达式无子表达式,并且设置g标志时,exec()返回第一个匹配的字符串内容,若存在多处匹配内容,则match()返回的是包含所有匹配字符串的数组。
var pattern = new RegExp("cat","g") ;var str = "onecat twocat";alert(pattern.exec(str));//返回catalert(str.match(pattern));//返回cat,catc. 当正则表达式有子表达式,并且没有设置g标志时,exec()和match()执行结果相同,都查找全匹配正则表达式和子表达式,并返回包含全匹配字符串和匹配子表达式的数组。
var pattern = new RegExp("c(at)") ;var str = "onecat twocat";alert(pattern.exec(str));//返回cat,atalert(str.match(pattern));//返回cat,atd. 当正则表达式有子表达式,并且设置g标志时,exec()和match()执行的结果不相同,match()将忽略子表达式,只查找全匹配正则表达式,并返回包含所有匹配字符串的数组。
var pattern = new RegExp("c(at)","g") ;var str = "onecat twocat";alert(pattern.exec(str));//返回cat,atalert(str.match(pattern));//返回cat,cat三个标志:全局模式g,不区分大小写模式i,多行模式m。
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JS里面哪些类型是引用类型?Object类型都是引用类型.(function,array,date,regexp..)JS哪些类型是值传递?基本
前面的话 javascript的数据类型可以分为两种:原始类型和引用类型。原始类型也称为基本类型或简单类型,javascript基本数据类型包括Undefin
第一页:JavaScript数据类型详解第二页:JavaScript数据类型详解第三页:JavaScript数据类型详解 数据类型 JavaScript中有
在javascript中存在着两种类型的数据:基本类型和引用类型。基本类型简单的说就是简单的数据段。引用类型是由多个值构成的对象。当我们进行赋值操作时,解析器会
前言在上一篇文章JavaScript中的两种数据类型中,分别介绍了基本类型和引用类型,以及引用类型的浅拷贝与深拷贝。这里需要注意的是,该文章中深拷贝引用类型值的