正则表达式基础学习

1. 复习字符串的操作

   
   Untitled.png

indexOf 通过index 查找字符
substring 获取子字符创
charAt 根据字符获取下标
split 字符串分割

Untitled.png

然后用正则表达式怎么做

Untitled.png

2.什么是正则

• 正则： 让计算机能读懂人类的规则
• 正则都是操作字符串的

数组
var arr = []; 简写
var arr = new Array();

正则：
var re = // ; 简写 (推介：简写方式性能要好，不过有特殊情况不能用简写的方式)
var re = new ReqExp(); 当正则需要传参的时候，就需要全称的写法

3.正则表达式常用的方法
a. test
字符串判断，

• 返回真假
  -正则.test(字符串)
  -例子：是否有不是数字的字符

Untitled.png

b.search
字符串搜索
-返回出现的位置 ，失败返回-1
-字符串.search(正则)

• 忽略大小写： i — ignore

  
  Untitled.png

正则默认是区分大小写的。如果不区分大小写的话，在正则最后加上标识 i

image.png

c. match
获取匹配的项目
-返回数组或则为null
-量词： + 匹配不确定的位置（至少出现一次 >=1）
-全局匹配 ： g — global
-例子 ： 找出所有数字

正则默认行为： 匹配成功就会结束，不会继续匹配。如果想全部查找就要加标识 g (全局匹配)

image.png

d. replace
替换所有匹配
-返回替换后的字符串
-字符串.replace(正则，想替换的)
-例子 ：敏感词过滤
-匹配子项
-例子：日期格式化

| ： 或的意思
replace : 第二个参数： 可以是字符串，也可以是一个回调函数
-函数的第一个参数，就是匹配成功的字符

过滤敏感词

image.png

匹配子项 ： 小括号（） （还有一个意思，分组操作）
把正则的整体叫做（母亲）
然后把左边第一个小括号里面的正则，叫做这个第一个子项（母亲的第一个孩子）
第二个小括号就是第二个孩子

image.png

4.正则表达式 字符类
字符类： 一组相似的元素 [] 中括号的整体代表一个字符

任意字符
[abc]
-例子： o[usb]t — obt 、ost 、out

Untitled.png

范围
[a-z] 、[0-9]

• 例子： id[0-9] — id0 、id5

Untitled.png

排除 ^ 如果^ 写在[]里面的话，就代表排除的意思 .如果放在正则最开始的位置，就是代表起始的位置
[^a]

• 例子： o[^0-9]t— oat 、o?t 、ot

  
  image.png

过滤标签</h3 class=“aa”>dsdas</h3>dsdas

image.png

5.转移字符
以前我们知道
‘\’
\n 换行
\r 制表
\t 回车
在正则表达式中
\s ： 空格
\S : 非空格
\d : 数字
\D ：非数字
\w : 字符（字母、数字、下划线）
\W : 非字符
. （点）： 任意字符
\1 ：重复的第一个子项 \2 ：重复的第二个子项
\b : 独立的部分 （起始，结束，空格）
\B : 非独立的部分

image.png

6.量词
什么是量词
-出现的次数
-{n,m}，至少出现n次 ，最多m次
-例子： 查找QQ号
常用量词

• {n,} 至少n次
• • 任意次 {0,}
• ? 零次或一次 {0,1}
• • 一次或任意次 {1,}
• {n} n次

1. ^ 如果^ 写在[]里面的话，就代表排除的意思 .如果放在正则最开始的位置，就是代表起始的位置
2. $ 正则最后面位置 就代表结束的意思

image.png

去除前后的空格

/^\s+|\s+$/g

image.png image.png

检索一段文字中可能的手机号码

image.png