第四章:ES6高级(上)
4.1:正则表达式概述
-
什么是正则表达式
正则表达式(
Regular Expression
)是用于匹配字符串中字符组合的模式。在JavaScript
中,正则表达式也是对象。 正则表达式通常用来检索、替换那些符合某个模式(规则)的文本。例如表单验证:用户名表单只能输入英文字母、数字或者下划线,昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤页面内容中一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等。
-
正则表达式的特点
- 灵活性、逻辑性和功能性非常的强。
- 可以迅速地用极简单的方式达到字符串的复杂控制。
4.2:正则在JavaScript中的使用
-
创建正则表达式
在
JavaScript
中,可以通过两种方式创建一个正则表达式。-
通过调用
RegExp
对象的构造函数创建var 变量名 = new RegExp(/表达式/);
-
通过字面量创建
var 变量名 = /表达式/;
-
-
测试正则表达式
test
test()
正则对象方法,用于检测字符串是否符合该规则,该对象会返回true
或false
,参数是测试字符串regexObj.test(str);
regexObj
:是写的正则表达式str
:我们要测试的文本- 就是检测
str
文本是否符合我们写的正则表达式规范。
4.3:正则表达式中的特殊字符
-
正则表达式的组成
一个正则表达式可以由简单的字符构成,比如
/abc/
,也可以是简单和特殊字符的组合,比如/abc*c/
。其中特殊字符也被称为元字符,在正则表达式中是具有特殊意义的专用符号,如^、$、+
等。 -
边界符
正则表达式中的边界符(位置符)用来提示字符所处的位置,主要有两个字符。
边界符 说明 ^ 表示匹配行首的文本(以谁开始) $ 表示匹配行尾的文本(以谁结束) 如果
^
和$
在一起,表示必须是精确匹配。 -
字符类
字符类表示有一系列字符可供选择,只要匹配其中一个就可以了。所有可供选择的字符都放在方括号内。
-
[]
方括号:后面的字符中只要包含abc中任意一个字符,都返回true。/[abc]/.test('andy'); // true
-
[-]
方括号内,范围符:方括号内部加上-
表示范围,这里表示a到z26英文字母都可以。/^[a-z]$/.test('c'); // true
-
[^]
方括号内部,取反符:方括号内部加上^
表示取反,只要包含方括号内的字符,都返回false
。/[^abc]/.test('andy'); // false
注意和边界符
^
区别,边界符写到方括号外面。
-
-
量词符
量词符用来设定某个模式出现的次数。
量词 说明 * 重复零次或更多次 + 重复一次或更多次 ? 重复零次或一次 {n} 重复n次 {n,} 重复n次或更多次 {n,m} 重复n到m次 -
预定义类
预定义类指的是某些常见模式的简写模式。
预定类 说明 \d 匹配0-9之间的任一数字,相当于 [0-9]
\D 匹配所有0-9以外的字符,相当于 [^0-9]
\w 匹配任意的字母、数字和下划线,相当于 [A-Za-z0-9_]
\W 除所有字母、数字和下划线以外的字符,相当于 [^A-Za-z0-9_]
\s 匹配空格(包括换行符、制表符、空格符等),相等于 [\t\r\n\v\f]
\S 匹配非空格的字符,相当于 [^\t\r\n\v\f]
4.4:则表达式中的替换
-
replace
替换replace()
方法可以实现替换字符串操作,用来替换的参数可以是一个字符串或是一个正则表达式。stringObject.replace(regexp/substr, replacement)
- 第一个参数:被替换的字符串或者正则表达式
- 第二个参数:替换为的字符串
- 返回值是一个替换完毕的新字符串
-
正则表达式参数
/表达式/[switch]
switch
(也称为修饰符)按照什么样的模式来匹配,有三种值:g
:全局匹配i
:忽略大小写gi
:全局匹配+忽略大小写