正则表达式进阶

图形化显示正则

RegExp对象

var reg = /\bis\b/;//匹配第一个单词is
var reg = /\bis\b/g;//匹配全部的单词is
var reg = new RegExp('\\bis\\b');
var reg = new RegExp('\\bis\\b','g');

修饰符

g:global 全文搜索,不添加,搜索到第一个匹配停止
i:ignore case 忽略大小写,默认大小写敏感
m:multiple lines 多行搜索

元字符

正则表达式由两种基本字符类型组成:

原义文本字符
元字符:正则表达式中有特殊含义的非字母字符。
* + ? ^ . | \ () {} []

贪婪模式与非贪婪模式

//贪婪模式,匹配五个数字
/\d{3,5}/g
//非贪婪模式,匹配三个数字
/\d{3,5}?/g

分组

使用()可以打到分组的功能,是量词作用于分组

//匹配 三组小写字母紧跟数字
/([a-z]\d){3}/g

|

反向引用

'2015-12-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2/$3/$1')

忽略分组

//world为group1
/(?:hello)(world)/

前瞻后顾

JavaScript不支持后顾。

符合不符合特定断言成为肯定/正向匹配合和否定/负向匹配。

名称 正则 含义
正向前瞻 exp(?=assert)
负向前瞻 exp(?!assert)
正向后顾 (?<=assert)exp JavaScript不支持
负向后顾 (?<!assert)exp JavaScript不支持
//匹配后面紧跟数字的字母或数字或下划线,\w 是[0-9a-zA-Z_]
/\w(?=\d)/

对象属性

  • global:是否全文搜索,默认false
  • ignore case:是否大小写敏感,默认是false
  • multiline:多行搜索,默认是false
  • lastIndex:当前正则表达式匹配内容的最后一个字符的下一个位置
  • source:正则表达式的文本字符串

实例:

var reg1 = /\w/;
var reg2 = /\w/gim;
reg1.global //值为 false,不能赋值,即reg1.global=true无效
reg1.ignoreCase //值为 false
reg1.multiline //值为 false
reg2.global //值为 true
reg2.ignoreCase //值为 true
reg2.multiline //值为 true
reg1.source //值为"\w"

test,exec方法

test

RegExp.prototype.test(str)

用于测试字符串参数中是否存在匹配正则表达式模式的字符串,如果存在返回true,否则返回false

示例:

var reg1 = /\w/;
reg1.test('a'); //值为true
reg1.test('$'); //值为false

exec

RegExp.prototype.exec(str)
  • 使用正则表达式模式对字符串执行搜索,并将更新全局RegExp对象的属性以反映匹配结果
  • 如果没有匹配的文本则返回null,否则返回一个结果数组:index声明匹配文本的第一个字符的位置;input存放被检索的字符串string
正则实例

其他方法

search()

String.prototype.search(reg)
  • 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串
  • 方法返回第一个匹配结果index,查找不到返回-1
  • 不执行全局匹配,它将忽略标志'g',并且总是从字符串的开始进行检索

match()

String.prototype.match(reg)
  • match()方法将检索字符串,以找到一个或多个与regexp匹配的文本
  • regexp是否有标志'g'对结果影响很大
  • 非全局:只在字符串中执行一次匹配,如果没有找到任何匹配的文本,将返回null,否则返回一个数组,存放于匹配的文本有关的信息(此时,返回结果类似于exec)
  • 全局:执行全局检索,找到字符串中的左右匹配子字符串。没有找到将返回null,找到将返回一个存放所有子字符串的数组

split

String.prototype.split(reg)
  • 使用split方法分隔字符串为字符数组
  • 在一些复杂的分隔情况下使用正则表达式可以解决

实例:

'a,b,c,d'.split(',') //返回["a","b","c","d"]
'a1b2c3d4'.split('/\d/') //返回["a","b","c","d"]

replace

String.prototype.split(str,replaceStr)
String.prototype.split(reg,replaceStr)
String.prototype.split(reg,function)

实例:

'a1b2c3d4e5'.replace(/\d/g,function(match,index,origin){
    console.log(index);
    return parseInt(match)+1;
})//结果是a2b3c4d5e6

'a1b2c3d4e5'.replace(/(\d)(\w)(\d))/g,function(match,group1,group2,group3,index,origin){
    console.log(index);
    return group1+group3;
})//结果是a12c34e5
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容