正则学习

最新推荐文章于 2022-05-13 20:10:37 发布

All_Izz_well

最新推荐文章于 2022-05-13 20:10:37 发布

阅读量451

点赞数

分类专栏： JavaScript 文章标签：正则前端

本文链接：https://blog.csdn.net/All_Izz_well/article/details/72903236

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.介绍

作用

1.表单验证

2.模板引擎 dd 也需要正则替换

3.前端自动化

正则表达式，又称规则表达式。（英语Regular Expression，在代码中常简写为regex、regexp或者RE）计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式（规格）的文本。

历史沿革

1956年《神经网事件的表示法》

1971年正则表达式被引入 UNIX系统

1984年 office系列软件开始使用正则

1995年 java 引入正则

正则表达式引擎

DFA（根据变量查询）

awk egrep flex ex MySQL procmail

NFA

NU Emacs java less Net语言 Perl PHP Python Ruby

POSIX NFA

服务器用引擎

实践

2.匹配与非匹配

匹配

例子：the tha ta te

. // 代表一个字符

例子： th. //开头是th开头的 tha the

如果真查点，需要转译符 \. //就能找到真正的点

.属于元字符

例子：

sales1.xls orders.xls sales2.xls sales3.xls apac1.xls europe2.xls na1.xls na2.xls sa1.xls ca1.xls

（1） [0123456789]\.xls 找到 1.xls 2.xls 3.xls 2.xls 1.xls 2.xls 1.xls 1.xls []是用于匹配的

（2） [e]s[0-9]\.xls [0123456789]如果嫌麻烦就改成 0-9 找到 es1.xls es2.xls es3.xls

（3） [A-Z] [a-z] [0-9] [A-Za-z0-9] 数字字母

反匹配

[^0-9]\.xls 匹配的话 s.xls 就没有匹配到因为 ^

3. 元字符

（1）例子：#ff6600

解答 #[0-9A-Fa-f][0-9A-Fa-f][0-9A-Fa-f][0-9A-Fa-f][0-9A-Fa-f][0-9A-Fa-f]

（2）元字符不可以出现在查询中如果要出现需要进行转义

例子：result + ' \r'

解答：result \+ \' \\r\'

（3） \n 匹配一个换行符。

例子to learn.

//有换行

解答： learn\.\n

（4）\d 匹配一个数字数字等价于 [0-9]

\D 匹配一个非数字字符等价于 [^0-9]

（5）\w 匹配包括下划线的任何字符等价于 ‘[A-Za-z0-9_]’

\W 匹配任何非单词字符等价于 '[^A-Za-z0-9_]’

例子：772_

解答：\d\d\d\w

（6）\s 匹配任何空白字符，包括空格制表符、换页符等

\S 匹配任何非空白字符

4. 加号星号问号

（1）加号匹配前面的子表达式一次或者多次

例子：45979.452@vip.qq.com

解答：[\w.]+@[\w.]+\w 二级域名邮箱匹配区域

（2）*号前面不管有还是没有都可以查查询0个开始匹配前面的子表达式0次或者多次

*号表示或者 +号是必须有这个

例子：27-738.17091@vip.qq.com

解答：[\w-]*@

（3）问号？匹配前面的子表达式0次或者一次

例子：277100

解答：277[\w]?00

5. 重复匹配

{ }

（1）例子：#fff123

解答：#[0-9A-Za-z]{3,6}

（2）例子：$102.8

解答：\$[0-9]{3}\.

（3）例子：<b>nihao</b>123<b>design</b>

贪婪型查询 <[Bb]>.+</[Bb]>

都查询出来 <[Bb]>.+?</[Bb]>

6.边界

定位符：\b 匹配一个字边界，即字与空格间的位置

\B 非字与空格间匹配

^ 文件的头

$ 结束

（1）例子：cat

解答：\bcat\b

（2）例子：acata

解答：cat[\B\b]*

（3）例子：段落的边界<!doctype html>

解答：^\s*<!doctype.*> \s不区分空格 ^以什么开头 .一个字符

（4）例子：匹配所有单词

解答：\b[a-z]+\b

7.子表达式

| 或者

（1）查询ip 172.16.218.70 (\d{1,3}\.){3}(\d{1,3})

（2）查询日期 1991-10-10 2017-06-07

(19|20).{2}-.{2}-.{2}

（3）任何一个1位或者2位的数字 1-99 (\d{1,2})

任何一个以1开头的3位数字 100-199 ([1]\d{2})

任何一个以2开头的第二位0-4之前的三位数 2【0-4】 ([2][0-4]\d{1})

任何一个以25开头的第三位是0-5之间的三位数 25【0-5】 (25[0-5])

8.正向预查

（1）例子： <h1>this is 1</h1>

解答：

贪婪型：<[hH][1-6]>.*</[hH][1-6]>

懒惰型：<[hH][1-6]>.*?</[hH][1-6]>

（2）例子： http://www.baidu.com

https://www.baidu.com

ftp://www.baidu.com

解答：.+\: 有冒号

.+(?=:) 截止到那里不查无冒号向后省略

JavaScript 是没有向前省略的

（3）例子：hello helly hellz helli

解答：hell[?:o|y] hell[oy]

9.判断在字符中查找特定文本是否存在

JavaScript 正则是否符合正则的匹配

var txt = 'hello1234567890 bye bye';

var regex = new RegExp('456');

var output= regex.test(txt);

console.log(output); ture;

var txt = 'hello1234567890 bye bye';

var regex = new RegExp(/\d/); 判断是否有数字如果是字符就直接写字符就行

var output= regex.test(txt);

console.log(output); ture;

10.表单中的正则

<p>

只允许输入数字

</p>

</form>

<p>

大写的A-Z a-z不能输入

</p>

<p>

只能输入英文

</p>

<p>

只能输入汉字

</p>

</form>

onkeyup 最好用在提交上面

11.replace&match

var txt = 'hello1234567890 bye bye';

console.log(txt.replace('hello','hi')) //只替换一个

正则：

var txt = 'hello123456789hello0 bye bye';

zz = /hello/g

console.log(txt.replace(zz,'hi'))

//replace

//search

//split

//match

var txt = 'hello123456789hello0 bye bye';

zz = /\d/g

console.log(txt.match(zz,'hi'))

//match 按照数组把符合匹配的匹配出来

12.正则的循环查找

// g 执行全局匹配

// i 大小写不敏感

// m 执行多行匹配

var txt = 'hello 123456789 hello byebye';

var regex = new RegExp('hello','g'); // 如果加上i 就不区分大小写

while ( (output = regex.exec(txt)) != null) {

console.log(regex.lastIndex)

console.log(output);

}

All_Izz_well

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则学习

1.介绍作用1.表单验证2.模板引擎 dd 也需要正则替换3.前端自动化正则表达式，又称规则表达式。（英语Regular Expression，在代码中常简写为regex、regexp或者RE）计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式（规格）的文本。历史沿革1956年《神经网事件的表示法》 1971年正则表达式被引入 UNIX系统
复制链接

扫一扫