正则表达式

一、概述

正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模板,常常用作按照“给定模式”匹配文本的工具。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器里,正则表达式通常被用来检索、替换那些符合某个模式的文本。

JavaScript通过内置对象RegExp支持正则表达式,有两种方式创建正则表达式对象。例如,如果我们想匹配字符串中所有"at"的实例,可以这么写:

  • 第一种:使用字面量,以斜杠表示开始和结束。
 var reg=/at/g;
  • 第二种:使用 RegExp 构造函数。
 var reg=new RegExp('at','g');

上面两种写法是等价的,都新建了一个内容为at的正则表达式对象。它们的主要区别是,第一种方法在编译时新建正则表达式,第二种方法在运行时新建正则表达式。

最后的g代表全局,还有几个修饰符:

  1. g:global,全文搜索,不添加的话搜索到第一个结果停止搜索
  2. i:ingore case,忽略大小写,默认大小写敏感
  3. m:multiple lines,多行搜索

二、正则对象的属性和方法

(1)属性

正则对象的属性分成两类。

一类是修饰符相关,返回一个布尔值,表示对应的修饰符是否设置。

  1. ignoreCase:返回一个布尔值,表示是否设置了i修饰符,该属性只读。
  2. global:返回一个布尔值,表示是否设置了g修饰符,该属性只读。
  3. multiline:返回一个布尔值,表示是否设置了m修饰符,该属性只读。
var r = /abc/igm;

r.ignoreCase // true
r.global // true
r.multiline // true

另一类是与修饰符无关的属性,主要是下面两个。

  1. lastIndex:返回下一次开始搜索的位置。该属性可读写,但是只在设置了g修饰符时有意义。
  2. source:返回正则表达式的字符串形式(不包括反斜杠),该属性只读。
var r = /abc/igm;

r.lastIndex // 0
r.source // "abc"

(2)test()

正则对象的test方法返回一个布尔值,表示当前模式是否能匹配参数字符串。

/cat/.test('cats and dogs') // true

(2)exec()

正则对象的exec方法,可以返回匹配结果。如果发现匹配,就返回一个数组,成员是每一个匹配成功的子字符串,否则返回null。

var s = '_x_x';
var r1 = /x/;
var r2 = /y/;

r1.exec(s) // ["x"]
r2.exec(s) // null

三、字符串对象的方法

字符串对象的方法之中,有4种与正则对象有关。

  1. match():返回一个数组,成员是所有匹配的子字符串。
  2. search():按照给定的正则表达式进行搜索,返回一个整数,表示匹配开始的位置。
  3. replace():按照给定的正则表达式进行替换,返回替换后的字符串。
  4. split():按照给定规则进行字符串分割,返回一个数组,包含分割后的各个成员。

(1)String.prototype.match()

字符串对象的match方法对字符串进行正则匹配,返回匹配结果。

var s = '_x_x';
var r1 = /x/;
var r2 = /y/;

s.match(r1) // ["x"]
s.match(r2) // null

从上面代码可以看到,字符串的match方法与正则对象的exec方法非常类似:匹配成功返回一个数组,匹配失败返回null。

如果正则表达式带有g修饰符,则该方法与正则对象的exec方法行为不同,会一次性返回所有匹配成功的结果。

var s = 'abba';
var r = /a/g;

s.match(r) // ["a", "a"]
r.exec(s) // ["a"]

(2)String.prototype.search()

字符串对象的search方法,返回第一个满足条件的匹配结果在整个字符串中的位置。如果没有任何匹配,则返回-1。

'_x_x'.search(/x/)
// 1

上面代码中,第一个匹配结果出现在字符串的1号位置。

该方法会忽略g修饰符。

var r = /x/g;
r.lastIndex = 2; // 无效
'_x_x'.search(r) // 1

上面代码中,正则表达式使用g修饰符之后,使用lastIndex属性指定开始匹配的位置,结果无效,还是从字符串的第一个字符开始匹配。

(3)String.prototype.replace()

字符串对象的replace方法可以替换匹配的值。它接受两个参数,第一个是搜索模式,第二个是替换的内容。

str.replace(search, replacement)

搜索模式如果不加g修饰符,就替换第一个匹配成功的值,否则替换所有匹配成功的值。

'aaa'.replace('a', 'b') // "baa"
'aaa'.replace(/a/, 'b') // "baa"
'aaa'.replace(/a/g, 'b') // "bbb"

上面代码中,最后一个正则表达式使用了g修饰符,导致所有的b都被替换掉了。

replace方法的一个应用,就是消除字符串首尾两端的空格。

var str = '  #id div.class  ';

str.replace(/^\s+|\s+$/g, '')
// "#id div.class"

(4)String.prototype.split()

字符串对象的split方法按照正则规则分割字符串,返回一个由分割后的各个部分组成的数组。

str.split(separator, [limit])

该方法接受两个参数,第一个参数是分隔规则,第二个参数是返回数组的最大成员数。

// 非正则分隔
'a,  b,c, d'.split(',')
// [ 'a', '  b', 'c', ' d' ]

// 正则分隔,去除多余的空格
'a,  b,c, d'.split(/, */)
// [ 'a', 'b', 'c', 'd' ]

// 指定返回数组的最大成员
'a,  b,c, d'.split(/, */, 2)
[ 'a', 'b' ]

上面代码使用正则表达式,去除了子字符串的逗号后面的空格。

// 例一
'aaa*a*'.split(/a*/)
// [ '', '*', '*' ]

// 例二
'aaa**a*'.split(/a*/)
// ["", "*", "*", "*"]

上面代码的分割规则是0次或多次的a,由于正则默认是贪婪匹配,所以例一的第一个分隔符是aaa,第二个分割符是a,将字符串分成三个部分,包含开始处的空字符串。例二的第一个分隔符是aaa,第二个分隔符是0个a(即空字符),第三个分隔符是a,所以将字符串分成四个部分。

如果正则表达式带有括号,则括号匹配的部分也会作为数组成员返回。

'aaa*a*'.split(/(a*)/)
// [ '', 'aaa', '*', 'a', '*' ]

上面代码的正则表达式使用了括号,第一个组匹配是“aaa”,第二个组匹配是“a”,它们都作为数组成员返回。

四、习题练习

1. \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?

  • \d 表示数字字符,等价[0-9]
  • \w 表示单词字符、字母、数字、下划线,等价 [a-zA-Z_0-9]
  • \s 表示空白符,等价[\t\n\x0B\f\r]
  • [a-zA-Z0-9] 表示小写字母、大写字母、数字
  • \b 表示单词边界
  • . 表示除了回车符、换行符之外的所有字符,等价 [^\r\n]
  • * 表示 0 次或多次,等价 {0,}
  • +表示 1 次或多次,等价{1,}
  • ? 表示 0 次或 1 次,等价 {0,1}
  • x{3} 表示 xxx,即x出现3次
  • ^ 表示以xxx开头
  • $ 表示以xxx结尾

2.写一个函数trim(str),去除字符串两边的空白字符

function trim(str){
    var newstr = str.replace(/^\s+|\s+$/g, '');
    return newstr;
} 
var str = '  #id div.class  ';
trim(str) //"#id div.class"

3.写一个函数isEmail(str),判断用户输入的是不是邮箱

function isEmail(str){
    return /\w+@[0-9a-z]{2,8}\.[a-z]{2,5}/.test(str)
}
isEmail('dcsff@gamil.ie');//true

4.写一个函数isPhoneNum(str),判断用户输入的是不是手机号

function isPhoneNum(str){
    return /1[34578]\d{9}$/.test(str);
}
isPhoneNum('13888032098');//true

5.写一个函数isValidUsername(str),判断用户输入的是不是合法的用户名(长度6-20个字符,只能包括字母、数字、下划线)

function isValidUsername(str){
    return /^\w\S[^\W]{6,20}$/.test(str)
}

isValidUsername('hin9xx3_*');//false

6.写一个函数isValidPassword(str), 判断用户输入的是不是合法密码(长度6-20个字符,只包括大写字母、小写字母、数字、下划线,且至少至少包括两种)

function isValidPassword(str){
    var pattern = /^[0-9]$|^[A-Z]$|^_$|^[a-z]$/g;
    var pattern1 = /\W/g;
    if(str.length<6||str.length>20){
        return false;
    }
    if(pattern.test(str)){
        return false;
    }
    if(pattern1.test(str)){
        return false;
    }

    return true;
}
isValidPassword('eudh76_*')//flase

7.写一个正则表达式,得到如下字符串里所有的颜色(#121212)

var re = /*正则...*/

var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "

alert( subj.match(re) )  // #121212,#AA00ef
----------------------------------------------------------------------------
var re = /#[0-9A-Fa-f]{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert( subj.match(re) )//["#121212", "#AA00ef"]

(8)下面代码输出什么? 为什么? 改写代码,让其输出hunger, world.

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);
------------------------------------------------------------------------
var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);//匹配的内容是:[""hunger" , hello "world""]匹配的是""内的任何字符0次或多次
pat = /".*?"/;//改后,匹配 0次或者1次,变成非贪婪匹配
str.match(pat)//[""hunger"", ""world""]

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏决胜机器学习

Redis专题(十)——Redis存储Session

Redis专题(十) ——Redis存储session (原创内容,转载请注明来源,谢谢) 一、概述 PHP默认是将session存于服务器...

3325
来自专栏蓝天

文件和SOCKET跨线程安全吗?

将一个文件或SOCKET的句柄fd传递给多个线程,进行读、写和Close操作,是否安全了?答案是“否”,这类似于new一个指针后,这个指针传递给多线程是否安全,...

352
来自专栏企鹅号快讯

Python的进程

进程 说明:本文是基于Py2.X环境, Python实现多进程的方式主要有两种:一种方法是使用os模块中的fork方法; 另一种是使用multiprocessi...

19010
来自专栏前端知识分享

第112天:javascript中函数预解析和执行阶段

关于javascript中的函数:    1、预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前    2、执行 :从上到下执行,但有例外(se...

562
来自专栏Vamei实验室

纸上谈兵: 表 (list)

表 表(list)是常见的数据结构。从数学上来说,表是一个有序的元素集合。在C语言的内存中,表储存为分散的节点(node)。每个节点包含有一个元素,以及一个指向...

1838
来自专栏康怀帅的专栏

Laravel 数据库操作

原生 SQL 插入 insert 使用 ? 绑定参数。 DB::insert('insert tb1 values(?,?,?)',[null,'tom',10...

3337
来自专栏码洞

Channel最佳实践之基本规则【译】

channel[通道]是golang的一种重要特性,正是因为channel的存在才使得golang不同于其它语言。channel使得并发编程变得简单容易有趣。

571
来自专栏Python爱好者

Java基础笔记05

1408
来自专栏锦小年的博客

python学习笔记2.4-数据结构之列表和元组

python语言中包含的数据结构比较简单,除了简单的变量以外,还有列表(元组)、字典、集合。对于数据结构的操作一般包含四种:增、删、查、改。本文主要介绍列表(l...

1719
来自专栏linux驱动个人学习

C++的引用

C++引用的学习: 通常引用第一个作用,人们会想到的是引用的变量的别名;(可以说是直接操作这个变量); 引用的声明: Type + & + name(可以认为是...

3124

扫码关注云+社区