JavaScript 正则表达式(上)

这是我参与8月更文挑战的第12天,活动详情查看:8月更文挑战

正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

搜索模式可用于文本搜索和文本替换

什么是正则表达式?

正则表达式是由一个字符序列形成的搜索模式。

当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。

正则表达式可以是一个简单的字符,或一个更复杂的模式。

正则表达式可用于所有文本搜索和文本替换的操作

//正则表达式主体/修饰符(可选)
//其中修饰符是可选的

var patt = /kenguba/i
复制代码

/kenguba/i 是一个正则表达式

kenguba   是一个正则表达式主体 (用于检索)

i 是一个修饰符 (搜索不区分大小写)

创建正则表达式对象

通过构造函数创建对象

var reg = new RegExp("正则表达式")

var reg = new RegExp(/\d{5}/)
var str = "我的电话是10086"
console.log(reg.test(str))  //true
复制代码

⚠️ 注意: 当使用构造函数创造正则对象时,需要常规的字符转义规则(在前面加反斜杠 \)。比如,以下是等价的

var re = new RegExp("\\w+"); var re = /\w+/;
复制代码

字面量的方式创建对象

var reg = /正则表达式/

var reg = /\d{1,5}/
var flag = reg.test("幸运数字:888")
console.log(flag)  //true
复制代码

元字符、修饰符和限定符

修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符 描述
i 执行对大小写不敏感的匹配
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m 执行多行匹配

方括号

方括号用于查找某个范围内的字符:

表达式 描述
[abc] 查找方括号之间的任何字符
[^abc] 查找任何不在方括号之间的字符
[0-9] 查找任何从 0 至 9 的数字
[a-z] 查找任何从小写 a 到小写 z 的字符
[A-Z] 查找任何从大写 A 到大写 Z 的字符
[A-z] 查找任何从大写 A 到小写 z 的字符
[adgk] 查找给定集合内的任何字符
[^adgk] 查找给定集合外的任何字符
(red blue

元字符

元字符(Metacharacter)是拥有特殊含义的字符:

元字符 描述
. 查找单个字符,除了换行和行结束符
\w 查找数字、字母及下划线
\W 查找非单词字符
\d 查找数字
\D 查找非数字字符
\s 查找空白字符
\S 查找非空白字符
\b 匹配单词边界
\B 匹配非单词边界
\0 查找 NULL 字符
\n 查找换行符
\f 查找换页符
\r 查找回车符
\t 查找制表符
\v 查找垂直制表符。
\xxx 查找以八进制数 xxx 规定的字符
\xdd 查找以十六进制数 dd 规定的字符
\uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符

量词

量词 描述
n+ 匹配任何包含至少一个 n 的字符串。例如,/a+/ 匹配 “candy” 中的 “a”,”caaaaaaandy” 中所有的 “a”
n* 匹配任何包含零个或多个 n 的字符串。例如,/bo*/ 匹配 “A ghost booooed” 中的 “boooo”,”A bird warbled” 中的 “b”,但是不匹配 “A goat grunted”
n? 匹配任何包含零个或一个 n 的字符串。例如,/e?le?/ 匹配 “angel” 中的 “el”,”angle” 中的 “le”
n{X} 匹配包含 X 个 n 的序列的字符串。例如,/a{2}/ 不匹配 “candy,” 中的 “a”,但是匹配 “caandy,” 中的两个 “a”,且匹配 “caaandy.” 中的前两个 “a”
n{X,} X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如,/a{2,}/ 不匹配 “candy” 中的 “a”,但是匹配 “caandy” 和 “caaaaaaandy.” 中所有的 “a”
n{X,Y} X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次,至多 Y 次时匹配。例如,/a{1,3}/ 不匹配 “cndy”,匹配 “candy,” 中的 “a”,”caandy,” 中的两个 “a”,匹配 “caaaaaaandy” 中的前面三个 “a”。注意,当匹配 “caaaaaaandy” 时,即使原始字符串拥有更多的 “a”,匹配项也是 “aaa”
n$ 匹配任何结尾为 n 的字符串
[^n](www.runoob.com/jsref/jsref…) 匹配任何开头为 n 的字符串
?=n 匹配任何其后紧接指定字符串 n 的字符串
?!n 匹配任何其后没有紧接指定字符串 n 的字符串

RegExp 对象与属性

RegExp 对象方法

方法 描述
compile 在 1.5 版本中已废弃。 编译正则表达式
exec 检索字符串中指定的值。返回找到的值,并确定其位置
test 检索字符串中指定的值。返回 true 或 false
toString 返回正则表达式的字符串

支持正则表达式的 String 对象的方法

方法 描述 FF IE
search 检索与正则表达式相匹配的值 1 4
match 找到一个或多个正则表达式的匹配 1 4
replace 替换与正则表达式匹配的子串 1 4
split 把字符串分割为字符串数组 1 4

RegExp 对象属性

属性 描述
constructor 返回一个函数,该函数是一个创建 RegExp 对象的原型
global 判断是否设置了 “g” 修饰符
ignoreCase 判断是否设置了 “i” 修饰符
lastIndex 用于规定下次匹配的起始位置
multiline 判断是否设置了 “m” 修饰符
source 返回正则表达式的匹配模式
var str = "中国电信10010,中国移动10086,中国联通10000"
var matchList = str.match(/\d{5}/g)
for (var i = 0; i < matchList.length; i++) {
  console.log(matchList[i])
}
/* 
10010
10086
10000 
*/
复制代码
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享