正则

正则表达式的模式匹配
模式：规则
匹配：作比较 / 查找

创建正则表达式
字面量或者直接量来创建
通过构造函数创建
正则表达式的模式修饰符
i ignoreCase – 表示忽略大小写
g global – 表示全局匹配
m multiline – 表示对行匹配
项目：正则表达式测试工具

.main{
width: 680px;
margin: 60px auto;
font-size: 14px;
}
.main .title{
font-size: 24px;
text-align: center;
}
.main .text{
width: 668px;
height: 150px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
resize: none;
}
.textfiled{
width: 220px;
padding: 5px;
border: 1px solid #ccc;
}
input{
margin-left: 20px;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

正则表达式测试工具

正则表达式： 忽略大小写 全局匹配 多行匹配

匹配结果：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var text=document.getElementById('text'), textRegExp=document.getElementById('textRegExp'), checkbox=document.getElementsByName('userRegExp'), result=document.getElementById('result'), btn=document.getElementById('btn'), pattern,// 定义正则全局变量 userRegExp=''; for(var i=0;i

2. 昵称

3. 密码

4. 去除字符串首位的空白字符

封装成函数

5. 转驼峰

6.匹配HTML标签

课程总结
查找特定字符串 exec（） test（） match（） search（）
替换文本 replace（）
数据有效性验证 邮箱、QQ
创建正则表达式：
a. 字面量或者直接量：/js/igm
b. 构造函数：new RegExp(‘js’,‘igm’) new RegExp(变量,‘igm’)
i g m
replace() 非全局匹配，匹配第一个 全局匹配会匹配所有 – g
test search split 加不加g 没区别
m多行匹配 1、全局匹配 2、匹配定位 ^ $
简单转义字符：
a. \n 换行符
b. \t 制表符
c. \xnn
d. \uxxxx 汉字 4e00-9fa5
字符类：
a. […]和[^…] 任意一个字符
b. . 除换行符之外任意一个字符
c. \w 和\W 任意字母和数字以及下划线组成一个字符
d. \d和\D 任意一个数字
e. \s 和 \S任何Unicode空白符（空格 tab键 制表符 \n）
重复量词
a. {n,m} n<=x<=m
b. {n,}
c. {n}
d. ? {0,1}
e. + {1,}
f. * {0,}
非贪婪
a. {n,m}?
b. {n,}?
c. {n}?
d. ??
e. +?
f. *?
选择，分组。引用
a. |
b. （）
c. （？：）
d. \n(n表示数字1 2 3 ) – 分组的引用
捕获到的内容
1、exec返回得数组
2、/\1/
3、Replace/RegExp $1
1、指定匹配位置
(1) ^
(2) $
(3) \b
(4) (?=p) (?!p)
1、Test – exec – toString() – toLocaleString() – valueOf()
2、实例属性 – global ignoreCase multiline source lastIndex
3、RegExp构造函数属性 – input lastMatch lastParen leftContext rightContext
4、String对象和正则表达式相关得方法 – search match split replace
————————————————
版权声明：本文为CSDN博主「mrnobodyzhn」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/mrnobodyzhn/article/details/107424585