正则表达式

正则表达式

正则表达式概念

regular Expression

用来处理字符串的规则

• 只能处理字符串
• 它是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到（exec / match…）

let str = 'good good study, day day up! ';
//学正则就是用来制定规则
let reg = /\d+/;
console.log(reg.test(str)); //false

str = '2019-8-12';
console.log(reg.exec(str));  //["2019", index: 0, input: "2019-8-12"]

编写正则表达式

创建方式有两种

//字面量创建方式（两个斜杆之间包起来的都是用来描述规则的元字符）
let reg1 = /\d+/; 

//构造函数创建、两个参数，一个是元字符字符串，一个是修饰符字符串
let reg2 = new RegExp("\\d+");

正则表达式由两部分组成

• 元字符
• 修饰符

//常用的元字符
//1、量词元字符，设置出现的次数
* 零到多次 
+ 一到多次
? 零次或一次
{n} 出现n次
{n,} 出现n到多次
{n,m} 出现n到m次

//2、特殊元字符，单个或者组合在一起代表特殊的含义
\ 	转义字符（普通->特殊->普通）
. 	除\n（换行符）以外的任意字符
^ 	以哪一个元字符作为开始
$ 	以哪一个元字符作为结束
\n 	换行符
\d 	0~9之间的一个数字
\D 	非0~9之间的一个数字（大写和小写的意思是相反的）
\w 	数字、字母、下划线中的任意一个字符
\W 	非数字、字母、下划线中的任意一个字符
\s 	一个空白字符（包含空格、制表符、换页符等）
\t 	一个制表符（一个TAB键四个空格）
\b 	匹配一个单词的边界
x|y x或者y中的一个字符
[xyz] x或者y或者z中的一个字符
[^xy] 除了xy以外的任意字符
[a-z] 指定a-z这个范围中的任意字符
[^a-z] 除了a-z这个范围中的任意一个字符
() 	 正则中的分组符号
(?:) 只匹配不捕获
(?=) 正向预查
(?!) 负向预查

//3、普通元字符：代表本身含义的
/hello/ 此正则匹配的就是'hello'

//正则表达式常用的修饰符img
i	ignoreCase 忽略单词大小写匹配
m	multiline  可以进行多行匹配
g	global	   全局匹配

元字符详细解析

^ $

let reg = /^\d/;
console.log(reg.test("hello"));  //false
console.log(reg.test("101hello")); //true
console.log(reg.test("hello101")); //false

let reg = /\d$/;
console.log(reg.test("hello"));  //false
console.log(reg.test("101hello")); //false
console.log(reg.test("hello101")); //true

//^ $两个都不加，字符串中包含符合规则的内容即可
let reg1 = /\d+/;

//^ $两个都加上，字符串只能和规则一致的内容
let reg2 = /^\d+$/;

//举个例子：验证手机号码（11位，第一个数字是1即可）
let reg = /^1[3578]\d{9}$/;
console.log(reg.test("18001230231"));

\

//.不是小数点，是特殊元字符（除\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

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
//--------------直接x|y会存在很乱的优先级问题，一般使用的时候都伴随着小括号进行分组，因为i小括号改变处理的优先级
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
console.log(reg.test("1829")); //false
console.log(reg.test("829")); //false
console.log(reg.test("182")); //false

[]

//1、中括号出现的字符一般代表本身含义
let reg = /^[@+]+$/;
console.log(reg.test("@@@+++++++")); //true
console.log(reg.test("@@@+++&++++")); //false

//中括号中不存在多位数
reg = /^[18]$/;
console.log(reg.test("1")); //true
console.log(reg.test("8")); //true
console.log(reg.test("18")); //false

字符串方法结合正则

字符串方法

split：根据匹配字符串切割父字符串

//普通情况下，按照一个空格进行分割，可以使用普通的split方法
var str = "abc def ghi";
var arr = str.split(" ");
console.log(arr);

//如果是这种多个空格的情况下该如何获取呢
str = "abc def   ghi        lmn";
arr = str.split(/\s+/);
arr.forEach((item, index) => {
    console.log(item);
});

match：使用正则和字符串相比较，返回一个包含匹配结果的数组

var str = "我很喜欢看书，因为看书能够开拓眼界";
//返回匹配到满足条件的第一个值的数组
var arr = str.match("看书");
console.log(arr);
//返回匹配到多个值的数组
arr = str.match(/看书/g);
console.log(arr);

search：使用正则或指定字符串进行搜索，返回第一个出现的匹配项的下角标

replace：使用正则和字符串比较，然后用新的子串替换匹配的子串

常用的正则表达式

1、验证是否为有效数字

/*
*1、可能出现则正负号，也可能不出现，只能出现一位
*2、一位0-9都可以，多位首位不能是0
*3、小数部分可能有，可能没有，一旦有后面必须有小数点加数字
*/

搜索，返回第一个出现的匹配项的下角标

replace：使用正则和字符串比较，然后用新的子串替换匹配的子串

常用的正则表达式

1、验证是否为有效数字

/*
*1、可能出现则正负号，也可能不出现，只能出现一位
*2、一位0-9都可以，多位首位不能是0
*3、小数部分可能有，可能没有，一旦有后面必须有小数点加数字
*/