javascript从入门到跑路-----小文的js学习笔记(16 — 2)-----正则表达式---元字符、转义符

**
javascript从入门到跑路-----小文的js学习笔记(1)---------script、alert、document。write() 和 console.log 标签


javascript从入门到跑路-----小文的js学习笔记目录
**

       关注小文我们一起学习进步。

      经过前面的学习我们已经知道正则表达式是使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。
      下面我们我们会学到在正则表达式中有特殊意义和用途的字符,下面我们先说当中的元字符转义符

         注意:光理论是不够的,技术是不断更新的。在此赠送2020最新企业级别Vue3.0/Js/ES6/TS/React/node等实战视频教程,想学的可进裙 519293536 免费获取,小白勿进哦!

一、正则表达式的元字符

[ ] 匹配括号内的任意“一个”字符
[^] 除了括号内的任意字符
[0-9] 匹配0至9的任意数字
[a-z] 匹配a至z的任意小写字母
[A-Z] 匹配A至Z的任意大写字母
\d 匹配数字 :[0-9]
\D 匹配非数字
\w 匹配数字、字母、下划线 : [0-9a-zA-Z_]
\W 匹配非数字、字母、下划线
\s 匹配空格
\S 非空格
\b 匹配边界
. 除换行符以外的任意字符

那么下面我们来分别解释以下:

1、[ ]

简单的说就是匹配括号内的字符,只要有一个相匹配那么就为true

我们举个栗子:
在这里插入图片描述
执行结果:只要有一个字符相匹配,那么就为true
在这里插入图片描述

2、[^ ]

和第一点相反,第一点是和括号内的相匹配,而该写法为与除了括号内的其他相匹配,
当然有相同点就是,只要有一个是括号外的相匹配,那么即为true

简单举例:
在这里插入图片描述
执行结果:因为23是括号以为的所以相匹配,那么结果即为true
在这里插入图片描述

3、[0-9 ]

和0-9这几个数字相匹配,当然这两个数字不唯一,也可以是4-9,5-7这些也都是可以的,同样只要有一个数字相匹配即为true

简单举例:
在这里插入图片描述
执行结果:
在这里插入图片描述
注意: 这里我们reg2的40并非是四十,他匹配的原则为4和0,不论你的数字多大,都是将其拆分为一个一个的数字,然后进行匹配。

4、[a-z] 和 [A-Z]

匹配 a-z 或者 A-Z之间的字符,区分大小写

举例:
在这里插入图片描述
执行结果:区分大小写,所以这的大写A是不匹配的 ,小写a才能匹配
在这里插入图片描述
补充: 那么怎样写才能不论是大写A还是小写a都能匹配呢? 其实我们这里可以连接写法
即直接将两个范围进行连接即可。

举例:
在这里插入图片描述
执行结果:这样直接连接即可,当然你要是想加上0-9这些数字范围也是一样可以的
在这里插入图片描述

5、\d 和 \D

\d 和数字相匹配(可以理解为我们上面的[0-9]),只要你为数字即为true , \D匹配除了数字的其他字符,只要你不是数字,那么即为true

简单示例:\d
在这里插入图片描述
在这里插入图片描述
示例:\D
在这里插入图片描述
执行结果:只要非数字,即使是空格或者其他任意符号也都可以相匹配
在这里插入图片描述

6、\w 和 \W

和上面一样我们大小写,取反,我们的\w匹配数字、字母和下划线(也可以简单的理解为我们上面的[0-9a-zA-Z_]),我们的\W匹配除了数字、字母和下划线以外的字符

简单示例:\w
在这里插入图片描述
在这里插入图片描述
简单示例:\W
在这里插入图片描述
在这里插入图片描述

7、\s 和 \S

小写的匹配空格,大写的匹配非空格,即小写的只有空格才能与之匹配,而大写的其他任意字符都能与之相匹配。

8、\b

匹配边界,你也可以理解为\b就是边界它在左边,那么左边就不能有其他的字符,在右边那么右边就不能有其他的字符

举例: 这样说明我们s字符的前面有边界,那么前面只能为空格或者没有字符,一旦有其他字符就为false,但是后面没有规定,那么后面可以添加其他字符,仍然为true
在这里插入图片描述
举例:这样说明我们s字符的前后都有字符,那么前后都有边界不能添加其他字符,一旦添加就为false
在这里插入图片描述

9、.

这是一个点,他匹配的是除了换行符意外的任意字符,即只要不是换行符,其他任何字符都能与之匹配。

补充:换行符为:\n

简单举例:
在这里插入图片描述
很显然执行结果为,true

二、转义符

正则表达式中的某些字符是具有特殊含义的,但有时候我们需要用到它本身的含义而不是它的特殊含义,那么就需要用到转义字符—— \

简单的举例:上面
在这里插入图片描述
执行结果:上面我们学到一个点是匹配除换行符意外的任意字符,那这就是它的特殊含义,我们用转义符进行转义之后,那么这个特殊含义将消失不在,那么它的含义就是它本身只有一个点的时候才能为true,所以这里为false
在这里插入图片描述

**
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45948983/article/details/106967119
今日推荐