与正则表达式有关的方法金沙官网线上

2、exec()

语法:regObj.exec(str)对字符串执行搜索

返回值:.如果没有匹配的文本则返回null,否则返回一个结果数组:

返回的数组:第一个元素与正则表达式相匹配的文本;第二个元素是与RegExpObject的第一个子表达式相匹配的文本(如果有的话);第三个元素是与RegExpObject的第二个子表达式相匹配的文本(如果有的话),以此类推。

且该数组具有index属性: 声明匹配文本的第一个字符的位置

该数组有input属性: 存放被检索的字符串string

(1)不带全局属性g

金沙官网线上 1

金沙官网线上,正则对象的lastIndex属性始终不变

(2)带全局属性g

金沙官网线上 2

会自动修改该正则对象的lastIndex属性

总结:对于正则对象的exec()和test()方法,正则表达式是否带有全局属性的区别就是,每次执行后会不会自动修改该正则对象的lastIndex属性值。

发现不一样的地方了吗,把函数描述好好读一遍,就明白了^_^

1、test()

语法:regObj.test(str) 对字符串执行搜索

返回值:布尔值。测试str中是否存在匹配regObj模式的字符串,存在返回true,不存在返回false

注意:该方法在正则对象是否带有全局属性(g)下的表现不同

先介绍下正则对象的lastIndex属性,lastIndex 是正则表达式匹配内容时,开始匹配的位置。

先说结论:正则表达式是否带有全局属性的区别就是,每次执行后会不会自动修改该正则对象的lastIndex属性值,带有g,就会自动修改,不带就不会修改

(1)不带全局属性g

金沙官网线上 3

刚开始都是从下标0处开始匹配,不带g时,无论执行多少次,该正则对像的lastIndex属性均不变

(2)带全局属性g

金沙官网线上 4

该开始从下标为0处开始匹配,匹配后会自动修改该正则对象的lastIndex属性,且修改为当前表达式匹配内容的最后一个字符的下一个位置。一直到字符串结尾,重新设置lastIndex为0

用法:stringObject.replace(regexp/substr,replacement)

2、replace()

语法: str.replace(reg/substr,newStr/function) 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

返回值:替换了之后的新的字符串,原字符串不变

只看str.replace(reg,fun)

 每个匹配项都调用该fun函数(若不是全局匹配,则一定只有一个匹配项),且该函数的第一个参数是匹配模式的字符串,接下来的参数是与模式中的子表达式匹配的字符串

该函数返回的字符串将作为替换文本使用

(1)不带全局属性g

金沙官网线上 5

 

只有一个匹配项“1a2” 且把该匹配项换成 $1,即第一个捕获组的内容

(2)带全局属性g

金沙官网线上 6

带全局属性,则会循环匹配,循环调用回调函数

var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
console.log(reg.exec(url)); //["a=1", "a", "1", index: 21, input: "http://www.baidu.com?a=1&b=2&c=3"]
console.log(reg.exec(url)); //["b=2", "b", "2", index: 25, input: "http://www.baidu.com?a=1&b=2&c=3"]
console.log(reg.exec(url)); //["c=3", "c", "3", index: 29, input: "http://www.baidu.com?a=1&b=2&c=3"]
console.log(reg.exec(url)); //null
reg.lastIndex = 0; //这段代码很重要哦,注意理解
console.log(reg.exec(url)); //["a=1", "a", "1", index: 21, input: http://www.baidu.com?a=1&b=2&c=3]

金沙官网线上 7

 

字符 替换文本
$1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$& 与 regexp 相匹配的子串。
$` 位于匹配子串左侧的文本。
$' 位于匹配子串右侧的文本。
$$ 直接量符号。(意思就是要替换为 $ 符号的时候,就写两个$)

1、match()

语法:stringObj.match(regexp/searchValue)字符串内检索指定的值,或找到一个或多个正则表达式的匹配

在此,只看stringObj.match(regexp) 

返回值:数组 或者 null

  1. 如果 regexp 没有标志 g:那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。
  2. 如果 regexp 具有标志 g:则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

(1)不带全局属性g

金沙官网线上 8

返回的是:首次匹配的子串和所有匹配的捕获组组成的数组,且数组具有index属性和input属性

(2)带全局属性g

金沙官网线上 9

返回的是: 所有匹配的子串组成的数组

注意:在全局检索模式下,match() 即不提供与子表达式(捕获组)匹配的文本的信息,也不声明每个匹配子串的位置。

描述:

一、正则对象的方法

1、test函数

二、使用到正则表达式的方法

var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
var url1 = url.replace(reg,function(a,b,c,d,e){
console.log(a,b,c,d,e); //执行3次,分别输出为:a=1, a, 1, 21, http://www.baidu.com?a=1&b=2&c=3 和 b=2, b, 2, 25, http://www.baidu.com?a=1&b=2&c=3 和 | c=3, c, 3, 29, http://www.baidu.com?a=1&b=2&c=3
return 'ok';
})
console.log(url1); //http://www.baidu.com?ok&ok&ok

 3、split()

语法:strObj.split(str/reg,howmay) 用于把一个字符串分割成字符串数组。

howmay可选,指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

有没有全局属性标志都是一样的

金沙官网线上 10

 

正则表达式由于不经常使用,所以容易经常忘记,下面小编把常用的函数和功能,简明扼要的罗列在此,以备日后查看:

返回:如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。

正则表达式带修饰符g

返回:返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

第二个参数为字符串时

用法:stringObject.match(searchvalue | regexp),这里我们只说regexp模式

1、match函数

发现不一样的地方了吗,把函数描述好好读一遍,就明白了^_^

描述:这个方法没有什么特殊之处,对修饰符g没有什么特殊处理

不带修饰符g

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。 index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。

var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/; //不带修饰符g
var url1 = url.replace(reg,"$&")
console.log(url1); //http://www.baidu.com?a=1&b=2&c=3
var url1 = url.replace(reg,"$1")
console.log(url1); //http://www.baidu.com?a&b=2&c=3
var url1 = url.replace(reg,"$2")
console.log(url1); //http://www.baidu.com?1&b=2&c=3
var url1 = url.replace(reg,"$'")
console.log(url1); //http://www.baidu.com?&b=2&c=3&b=2&c=3
var reg = /([^?&=]+)=([^?&=])*/g; //带修饰符g
var url1 = url.replace(reg,"$&")
console.log(url1); //http://www.baidu.com?a=1&b=2&c=3
var url1 = url.replace(reg,"$1")
console.log(url1); //http://www.baidu.com?a&b&c
var url1 = url.replace(reg,"$2")
console.log(url1); //http://www.baidu.com?1&2&3
var url1 = url.replace(reg,"$'")
console.log(url1); //http://www.baidu.com?&b=2&c=3&&c=3&
var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /a=1/;
console.log(reg.test(url)); // 输出结果为 true 

replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。

RegExp对象的函数常用的有2个

正则表达式不带修饰符g

var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/;
var url1 = url.replace(reg,function(a,b,c,d,e){
console.log(a,b,c,d,e); //a=1, a, 1, 21, http://www.baidu.com?a=1&b=2&c=3
return 'ok';
})
console.log(url1); //http://www.baidu.com?ok&b=2&c=3

本文由金沙官网线上发布于Web前端,转载请注明出处:与正则表达式有关的方法金沙官网线上

您可能还会对下面的文章感兴趣: