JavaScript中正则表达式常见使用函数

xiaoxiao2021-02-28  5

最近越来越感觉到正则表达式的强大,可以简化很多代码。并且正则表达式入门并不是很难。简单列一下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)的搭配使用。

同步发表于:https://github.com/liusaint/JavaScript-record/issues/3

转载请注明原文地址: https://www.6miu.com/read-200119.html

最新回复(0)