JavaScript中正则表达式常见使用函数
liusaint opened this issue · 0 comments
liusaint commented
JavaScript中正则表达式常见使用函数
最近越来越感觉到正则表达式的强大,可以简化很多代码。并且正则表达式入门并不是很难。简单列一下JavaScript中使用正则表达式的一些方法。
//定义几个会用到的变量
var href = 'baidu.com?where=b5s&a=b';
var regObj = /(\w+)=(\w+)/;
//全局搜索
var regObj1 = /(\w+)=(\w+)/g;
正则对象上的方法
1.regObj.test();
- 返回true或false
regObj.test(href);//true
2.regObj.exec();
- 每运行一次返回一组结果。
- 如果是非全局搜索,每次运行都返回第一组结果。全局搜索,每次返回一组结果,是在上一次匹配的位置后开始匹配的。regObj的lastIndex属性会修改。当你对一个字符串进行搜索时,如果用它去搜索新的字符串,lastIndex会先设置为0。再切回来又会从0开始。
- 匹配不到返回null,且将lastIndex属性设为0;
- 每组的结果是一个数组,注意这个虽然是数组,但它是包含键值对属性的,可以打印下它的的length看看。[ 'where=b5s', 'where', 'b5s', index: 10, input: 'baidu.com?where=b5s&a=b' ];分别是['整个正则中匹配的字符','第一正则分组匹配的字符','第二正则分组匹配的字符',index:'匹配处的起始位置',input:'整个原始字符串'];
console.log(regObj1.exec(href));//[ 'where=b5s', 'where', 'b5s', index: 10, input: 'baidu.com?where=b5s&a=b' ]
console.log(regObj1.lastIndex);//19
console.log(regObj1.exec(href));//[ 'a=b', 'a', 'b', index: 20, input: 'baidu.com?where=b5s&a=b' ]
字符串方法
1.search
- 返回第一组匹配的索引。
href.search(regObj1);//10
href.search('a');//1
href.search('abcd');//-1匹配不到
2.match
- 返回匹配的值的数组或null。
href.match('123');//null
href.match(regObj1);//[ 'where=b5s', 'a=b' ]
3.split
- 将字符串分割成数组。中间的分隔符也可以用正则表达式。用在可能有多种分割符的情况
var splitRegObj = /&|\?/;//以&或?分割
href.split(splitRegObj);//[ 'baidu.com', 'where=b5s', 'a=b' ];
4.replace
- 直接正则替换。
var res = href.replace(/a|c/,'aaaa');//b__idu.com?where=b5s&a=b 单个替换
var res = href.replace(/a|c/g,'aaaa');//b__idu.__om?where=b5s&__=b 全局替换
var res = href.replace(/(a|c)/g,'$1-$1');//ba-aidu.c-com?where=b5s&a-a=b 对正则分组的反向引用替换
- 传入函数替换。
var res = href.replace(regObj1,function(){
return 123
});//baidu.com?123&123
- 它的replace传入的函数的每个参数的值分别是:每次匹配的字符串;正则第一分组匹配;正则第二分组匹配;……正则第N分组匹配;匹配的初始位置;原始输入值。
var res = href.replace(regObj1,function(match,$1,$2,index,input){
console.log(arguments); //{ '0': 'where=b5s', '1': 'where', '2': 'b5s', '3': 10, '4': 'baidu.com?where=b5s&a=b' };
});//baidu.com?undefined&undefined 这里没给返回值。
- 其实replace是很强大的一个方法。感觉要全部匹配并对正则分组有一些操作的话比上面的regObj.exec()用起来要方便。比如我们要解析这个url中所有的搜索条件以键值对的形式存入一个对象中。可以这样操作。
var obj = {};
href.replace(regObj1,function(match,$1,$2){
obj[$1] = $2;
return match;//返回匹配的值,即不会修改原始的字符串
})
console.log(obj);//{ where: 'b5s', a: 'b' }
其它关键词
- 正则表达式与编辑器(如Sublime Text)的搭配使用。