js 正则匹配

js中如何使用正则去匹配字符串呢？不知道的小伙伴来看看小编今天的分享吧!

1、简介：

js正则对象有两种声明方式：new运算符、字面量方式。

2、使用正则去匹配字符串：

test：

通过test我们能直接检查某个字符串s中是否存在匹配项；

exec：

非全局模式下，无论如何都是匹配的字符串s中的第一个匹配字串。

let reg = /(t)es(t)/; let s = 'testtest';

let arr = reg.exec(s); console.log(arr);

//[ 'test', 't', 't', index: 0, input: 'testtest' ] let arr1 = reg.exec(s);

console.log(arr1);

//[ 'test', 't', 't', index: 0, input: 'testtest' ]

全局模式下则会遍历整个字符串查找匹配串。

let reg = /(t)es(t)/g; let s = 'testtest';

let arr = reg.exec(s); console.log(arr);

//[ 'test', 't', 't', index: 0, input: 'testtest' ] let arr1 = reg.exec(s);

console.log(arr1);//[ 'test', 't', 't', index: 4, input: 'testtest' ]

注意：上面输出结果第二第三项为匹配的分组。

举例：

let reg = /(t)es(t)/g; let s = 'testtest';

let arr = reg.exec('testtest');

console.log(arr);//[ 'test', 't', 't', index: 0, input: 'testtest' ] let arr1 = reg.exec('testtest');

console.log(arr1);//[ 'test', 't', 't', index: 4, input: 'testtest' ]

分别对两个不同的'testtest'进行匹配会出现和同一个'testtest'字符串匹配结果一样的现象。上面的demo中，第一个字符串的遍历显然是没有完成的，正则对象reg会将目前匹配的字符串后的下标也就是4保存在正则对象的lastIndex属性中，下次进行匹配时，就会从相应的lastIndex下标开始对字符串进行正则匹配。

match：

这个方法和exec有些类似：

在非全局模式下，会匹配分组。

let reg = /(t)es(t)/; console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ] console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ]

全局模式下不会匹配分组，会返回匹配的所有字串。

let reg = /(t)es(t)/;

console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ] console.log(s.match(reg));

//[ 'test', 't', 't', index: 0, input: 'testtest' ]

replace(pattern,replacement)：

用replacement将匹配pattern的字段替换

var pattern = /test/g;

var s = 'testtest';

console.log(s.replace(pattern, 'task')); //将test替换成了task

注：模式修饰符必须有g,即全局匹配，才能替换所有的匹配项

search(pattern)：

返回字符串中pattern开始的位置；

let pattern = /test/g;

let s = 'testtest';

console.log(s.search(pattern)); //查找到返回位置，否则返回-1

注：其无关乎是否全局匹配，只要找到即返回位置，没有则返回-1

split(pattern)：

将字符串以pattern拆分单位，并返回一个数组，该数组以拆分后的各字段组成;

let pattern = / /g;

let s = 't e s t t e s t';

console.log(s.split(pattern)); //将空格拆开分组成数组

以上就是小编今天的分享了，希望可以帮助到大家。

标签：js 正则匹配