|
用法介绍 注:pattern 为RegExp的实例, str 为String的实例 用法说明返回值
pattern.test(str)判断str是否包含匹配结果包含返回true,不包含返回false。
pattern.exec(str)根据pattern对str进行正则匹配返回匹配结果数组,如匹配不到返回null
str.match(pattern)根据pattern对str进行正则匹配返回匹配结果数组,如匹配不到返回null
str.replace(pattern, replacement)根据pattern进行正则匹配,把匹配结果替换为replacement一个新的字符串RegExp对象方法test()字符串的test方法,比较常用在判断语句中,最简单的RegExp方法了,用于检测一个字符串是否匹配某个模式: RegExpObject.test(string)如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false: /\d/.test('asdf2') // --true 检测字符串`'asdf2'`中是否函数数字exec()exec()方法功能非常强大,它是一个通用的方法方法,用于比较复杂的模式匹配或者是说你为你提供更多的信息: RegExpObject.exec(string)如果在string中找到了匹配的文本,则返回一个包含这些文本的数组,否侧返回null。这里有几个注意的地方: 返回的数组的第一个元素是与整个正则匹配的文本
然后数组的第二个元素是与整个正则的第一个子表达式(分组)相匹配的文本
数组的第三个元素整个正则的第二个子表达式(分组)相匹配的文本,以此类推。 ```var result = /(\d+)-(\w+)/.exec('12-ab');console.log(result) // --> ["12-ab", "12", "ab", index: 0, input: "12-ab"] //为什么上面返回的“数组”是那么奇怪,按照[w3school][2]的说法就是:exec() 都会把完整的细节添加到它返回的数组中,这里的细节指的就是index和input```整个正则表达式匹配的文本:`"12-ab"`第一个子表达式匹配的文本:`"12"`第二个子表达式匹配的文本:`"ab"`从上面返回的数组结果可知,数组添加了两个额外的属性,分别是:index, input
index: 匹配文本的第一个字符的位置.
input: 顾名思义,就是指输入的整体的文本了. ```console.log(result.index) // --> 0console.log(result.input) // --> '12-ab'```执行exec函数时,尽管是全局匹配的正则表达式,但是exec方法只对指定的字符串进行一次匹配,
获取字符串中第一个与正则表达式想匹配的内容,并且将匹配内容和子匹配的结果存储到返回的数组中,
例如:/\d/g.exec('a22') ,返回的结果和上面的结果一样: ["2"] /\d/g.exec('a22') // -->["2"]
深入了解 exec()深入前看看RegExp的实例有哪些属性: ![]()
global: 布尔值,表示是否设置了 g 标志 ignoreCase: 布尔值,表示是否设置了 i 标志 lastIndex: 搜索下一个匹配项时开始的位置,从0开始 multiline: 布尔值,表示是否设置了 m 标志 source: 正则表达式的字符串表示
这里稍微陌生一点的就是lastIndex属性了,因为我们不会显示的需要用到它。但它还是挺重要的: 例1:非全局匹配 ![]() var reg = /\d/;//第一次匹配console.log(reg.exec('a123'));console.log(reg.lastIndex);//输出["1"] 0 第二次匹配console.log(reg.exec('a123'));console.log(reg.lastIndex);//输出["1"] 0 结论: 例2:全局匹配 ![]() var reg = /\d/g;//第一次匹配console.log(reg.exec('a123'));console.log(reg.lastIndex);//输出["1"] 2 第二次匹配console.log(reg.exec('a123'));console.log(reg.lastIndex);//输出["2"] 3 第三次匹配console.log(reg.exec('a123'));console.log(reg.lastIndex);//输出["3"] 4 第四匹配console.log(reg.exec('a123'));console.log(reg.lastIndex);//输出null 0结论: 那当要获取全局匹配的全部匹配项时,可以通过循环来获取: var reg = /\d/g, result = [], crt;while((crt = reg.exec('a123')) !== null){ result = result.concat(crt)};result; //["1", "2", "3"]String对象方法1. match()match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。在一定程度上它与上面的exec()有些相似,看一下吧: 例1:非全局匹配 var a = 'aaaa'.match(/\w/);console.log(a); // ["a", index: 0, input: "aaaa"]可以看到,和exec()一样,在数组中返回了index 和 input属性。 例2:全局匹配 var a = 'aaaa'.match(/\w/g);console.log(a); // ["a", "a", "a", "a"]全局匹配就和exec方法有很大的不同了,他直接返回了所有符合匹配的子字符串的数组,另外,index和input属性也不在其中了,所以这个方法效率可能会高一些,但是如果你需要更多的信息,则用exec()吧 2. replace()这也是一个比较灵活常用的方法,它用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 这个方法接收两个必须的参数: 返回结果: replacement:为函数时: 'aaaa'.replace(/\w/g, function() { return 'b';}); // "bbbb"'aaaa'.replace(/\w/g, function(value) { return value.toUpperCase();}); // "AAAA"结论: 特殊的 $: replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。 字符替换文本
1、2、...、$99与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&与 regexp 相匹配的子串
$`位于匹配子串左侧的文本
$'位于匹配子串右侧的文本
$$直接量符号来一发: //第一种情况:'aa11AA'.replace(/([a-z]+)(\d+)([A-Z]+)/g, '$1'); // "aa"'aa11AA'.replace(/([a-z]+)(\d+)([A-Z]+)/g, '$2'); // "11"'aa11AA'.replace(/([a-z]+)(\d+)([A-Z]+)/g, '$3'); // "AA" //猜想 如果是 $4 回事什么呢? undefined ? 'aa11AA'.replace(/([a-z]+)(\d+)([A-Z]+)/g, '$4'); // "$4" //所以,要是没有该子项,则当成普通字符串处理了 //第二种情况:'aa11AA'.replace(/([a-z]+)(\d+)([A-Z]+)/g, '$&'); //"aa11AA"//第三种情况:'aa11AA'.replace(/(\d+)/g, '$`'); //"aaaaAA"//第四种情况:'aa11AA'.replace(/(\d+)/g, "$'"); //"aaAAAA"//第五种情况:'aa11AA'.replace(/(\d+)/g, '$$'); //"aa$AA"先这样吧,有问题再补充了,( ╯□╰ )
【转载】仅作分享,侵删
|