正则表达式
regular expression:RegExp
用来处理字符串的规则
- 只能处理字符串
- 它是一个规则:可以验证字符串是否符合某个规则(test),也可以把字符串中符合规则的内容捕获到(exec / match…)
编写正则表达式
创建方式有两种:
-
字面量创建方式(两个斜杠之间包起来的,都是用来描述规则的元字符)
let reg1 = /\d+/; -
构造函数模式创建 两个参数:元字符字符串,修饰符字符串
let reg2 = new RegExp("\d+");
let reg3 = new RegExp("\d+",“g”)
正则表达式由两部分组成
- 元字符
- 修饰符
一、常用的元字符
- 量词元字符:设置出现的次数
*
零到多次+
一到多次?
零次或者一次{n}
出现n次{n,}
出现n到多次{n,m}
出现n到m次
- 特殊元字符:单个或者组合在一起代表特殊的含义
\
转义字符(普通->特殊->普通).
除\n(换行符)以外的任意字符^
以哪一个元字符作为开始$
以哪一个元字符作为结束\n
换行符\d
0~9之间的一个数字\D
非0~9之间的一个数字 (大写和小写的意思是相反的)\w
数字、字母、下划线中的任意一个字符\s
一个空白字符(包含空格、制表符、换页符等)\t
一个制表符(一个TAB键:四个空格)\b
匹配一个单词的边界x|y
x或者y中的一个字符[xyz]
x或者y或者z中的一个字符[^xy]
除了x/y以外的任意字符[a-z]
指定a-z这个范围中的任意字符 [0-9a-zA-Z_]===\w[^a-z]
上一个的取反“非”()
正则中的分组符号(?:)
只匹配不捕获(?=)
正向预查(?!)
负向预查
- 普通元字符:代表本身含义的
/abc/
此正则匹配的就是 “abc”
二、正则表达式常用的修饰符
- 正则表达式常用的修饰符:img
i =>ignoreCase
忽略单词大小写匹配
m =>multiline
可以进行多行匹配
g =>global
全局匹配
元字符详细解析
一、 ^ $
^/$两个都不加
:字符串中包含符合规则的内容即可
let reg1 = /\d+/;^/$两个都加
:字符串只能是和规则一致的内容
let reg2 = /^\d+$/;- 举个例子:验证手机号码(11位,第一个数字是1即可)
let reg = /^1\d{10}$/;
let reg = /^\d/;
console.log(reg.test("zhufeng")); //=>false
console.log(reg.test("2019zhufeng"));//=>true
console.log(reg.test("zhufeng2019"));//=>false
let reg = /\d$/;
console.log(reg.test("zhufeng")); //=>false
console.log(reg.test("2019zhufeng"));//=>false
console.log(reg.test("zhufeng2019"));//=>true
二、 \
//=>.
不是小数点,是除\n外的任意字符
let reg = /^2.3$/;
console.log(reg.test("2.3"));//=>true
console.log(reg.test("2@3"));//=>true
console.log(reg.test("23"));//=>false
//=>基于转义字符,让其只能代表小数点
reg = /^2\.3$/;
console.log(reg.test("2.3"));//=>true
console.log(reg.test("2@3"));//=>false
匹配字符串"\d"
let str = "\\d";
reg = /^\d$/; //=>\d代表0-9的数字
console.log(reg.test(str)); //=>false
reg = /^\\d$/; //=>把特殊符合转换为普通的
console.log(reg.test(str)); //=>true
三、x|y
- 直接
x|y
会存在很乱的优先级问题,一般我们写的时候都伴随着小括号进行分组
,因为小括号改变处理的优先级 =>小括号:分组
let reg = /^18|29$/;
console.log(reg.test("18")); //=>true
console.log(reg.test("29")); //=>true
console.log(reg.test("129")); //=>true
console.log(reg.test("189")); //=>true
console.log(reg.test("1829")); //=>true
console.log(reg.test("829")); //=>true
console.log(reg.test("182")); //=>true
- 只能是18或者29中的一个了
reg = /^(18|29)$/;
console.log(reg.test("18")); //=>true
console.log(reg.test("29")); //=>true
console.log(reg.test("129")); //=>false
console.log(reg.test("189")); //=>false
三、[]
- 中括号中出现的字符一般都代表本身的含义
let reg = /^[@+]$/;
console.log(reg.test("@")); //=>true
console.log(reg.test("+")); //=>true
console.log(reg.test("@@")); //=>false
console.log(reg.test("@+")); //=>false
- d在中括号中还是0-9
reg = /^[\d]$/; //=>\d在中括号中还是0-9
console.log(reg.test("d"));//=>false
console.log(reg.test("\\"));//=>false
console.log(reg.test("9"));//=>true
- 中括号中不存在多位数
reg = /^[18]$/;
console.log(reg.test("1")); //=>true
console.log(reg.test("8")); //=>true
console.log(reg.test("18")); //=>false
reg = /^[10-29]$/; //=>1或者0-2或者9
console.log(reg.test("1"));//=>true
console.log(reg.test("9"));//=>true
console.log(reg.test("0"));//=>true
console.log(reg.test("2"));//=>true
console.log(reg.test("10"));//=>false
正则两种创建方式的区别
构造函数因为传递的是字符串,\需要写两个才代表斜杠
let reg = /\d+/g;
reg = new RegExp("\\d+","g");
正则表达是中的部分内容是变量存储的值
- 两个斜杠中间包起来的都是元字符(如果正则中要包含某个变量的值,则不能使用字面量方式创建)
let type = "zhufeng";
reg = /^@"+type+"@$/;
console.log(reg.test("@zhufeng@")); //=>false
console.log(reg.test('@"""typeeeee"@')); //=>true
- 这种情况只能使用构造函数方式(因为它传递的规则是字符串,只有这样才能进行字符串拼接)
reg = new RegExp("^@"+type+"@$");
console.log(reg.test("@zhufeng@"));//=>true
常用的正则表达式
- 验证是否为有效数字
/*
* 规则分析
* 1.可能出现 + - 号,也可能不出现 [+-]?
* 2.一位0-9都可以,多位首位不能是0 (\d|([1-9]\d+))
* 3.小数部分可能有可能没有,一旦有后面必须有小数点+数字 (\.\d+)?
*/
let reg = /^[+-]?(\d|([1-9]\d+))(\.\d+)?$/;
- 验证密码
//=>数字、字母、下划线
//=>6~16位
reg = /^\w{6,16}$/;
- 验证真实姓名的
/*
* 1.汉字 /^[\u4E00-\u9FA5]$/
* 2.名字长度 2~10位
* 3.可能有译名 ·汉字 (·[\u4E00-\u9FA5]{2,10}){0,2}
*/
let reg = /^[\u4E00-\u9FA5]{2,10}(·[\u4E00-\u9FA5]{2,10}){0,2}$/;
- 验证邮箱的
let reg = /^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
//=> \w+((-\w+)|(\.\w+))*
//1.开头是数字字母下划线(1到多位)
//2.还可以是 -数字字母下划线 或者 .数字字母下划线,整体零到多次
//=>邮箱的名字由“数字、字母、下划线、-、.”几部分组成,但是-/.不能连续出现也不能作为开始
//=> @[A-Za-z0-9]+
//1.@后面紧跟着:数字、字母 (1-多位)
//=> ((\.|-)[A-Za-z0-9]+)*
//1.对@后面名字的补充
// 多域名 .com.cn
// 企业邮箱 zxt@zhufeng-peixun-office.com
//=> \.[A-Za-z0-9]+
//1. 这个匹配的是最后的域名(.com/.cn/.org/.edu/.net...)
- 身份证号码
/*
* 1. 一共18位
* 2. 最后一位可能是X
*
* 身份证前六位:省市县 130828
* 中间八位:年月日
* 最后四位:
* 最后一位 => X或者数字
* 倒数第二位 => 偶数 女 奇数 男
* 其余的是经过算法算出来的
*/
//let reg = /^\d{17}(\d|X)$/;
//=>小括号分组的第二个作用:分组捕获,不仅可以把大正则匹配的信息捕获到,还可以单独捕获到每个小分组的内容
let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})\d{2}(\d)(\d|X)$/;
reg.exec("130828199012040617"); //=>["130828199012040617", "130828", "1990", "12", "04", "1", "7"...] 捕获结果是数组,包含每一个小分组单独获取的内容