JavaScript学习（二）——正则表达式

JavaScript学习（二）——正则表达式

正则表达式：是用来定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则；获取将字符串中符合规则的内容提取出来

一、创建正则表达式的对象

1、使用构造函数来创建正则表达式

(1)语法：var 变量 = new RegExp(“正则表达式”，”匹配模式“)

​ 使用typeof检查正则对象，会返回object

var reg = new RegExp(“a”);这个正则表达式可以检查一个字符串中是否含有a;

在构造函数中可以传递一个匹配模式作为第二个参数

可以是 ：i 忽略大小写

​ g 全局匹配模式

var reg = new RegExp("a","i");
var str = "a";

(2)正则表达式的方法：

test（）:使用这个方法可以检查一个字符串是否符合正则表达式的规则，如果符合则true,否则返回false

var result = reg.test(str);
console.log(result)

2、使用字面量来创建正则表达式

语法：var 变量 = / 正则表达式/匹配模式

使用字面量的方法创建正则表达式更简单，使用构造函数来创建更加灵活

（1）创建一个正则表达式，检查一个字符串是否有a或b:使用 | 表示或者的意思

reg = /a|b/
console.log(reg.test(ab))

[]的内容也是或的意思 [ab] =a|b、[a-z]任意小写字母 [A-Z] 任意大写字母 [A-z]任意字母

（2）检查一个字符串中是否有abc、adc、或aec

reg = /a[bde]c/

[^ ]除了

reg = [^ab]

3、字符串和正则相关的方法

（1）split:可以将字符串拆分为一个数组

方法中可以传递一个正则表达式作为参数，这样的方法将会根据正则表达式去拆分字符串

这个方法即使不写全局匹配，都会进行全局匹配

根据任意字母来将字符串拆分

var result = str.split(/[A-z]/);
console.log(result);

(2)search() :可以搜索字符串中是否含有指定内容

如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到则会返回-1

它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串

这个方法不可以设置全局匹配，即使设置了也只会返回第一次出现的索引

搜索字符串中是否含有abc、aec、afc

str = "hello abc hello aec afc"
result = str.search(/a[bef]c/)

(3)match():可以根据正则表达式，从一个字符串中将符合条件的内容提取出来

默认情况下我们的match只会找到第一个要求的内容，找到之后就停止检索

我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容

可以为一个正则表达式设置多个匹配模式，且顺序无所谓

match（）会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果

str = "1a2b3c4d5e6f77"
result = str.match(/[a-z]/gi)

(4)replace()：可以将字符串中指定的内容替换为新的内容

参数：1、被替换的内容

​ 2、新的内容

​ （默认只会替换第一个）

result = str.replace(/[a-z]/gi,"")

4、量词：通过量词可以设置一个内容出现的次数

量词只对他前边的一个内容起作用

{n} 正好出现n次

{m.n}出现 m-n次

{m,}m次以上

+表示至少一个,相当于{1，}

*表示0个或多个，相当于{0，}

？表示0个或一个，相当于{0，1}

创建一个正则表达式来检查一个字符串中是否含有aaa

var reg = /a{3}/
var reg = /ab{3}/
var reg = /(ab){3}c/
var reg = /ab{1,3}/
var reg =/ab+c/
var reg =/ab*c/
var reg =/ab?c/

5、开头和结尾

^ 表示开头

$表示结尾

如果正则表达式中同时使用^$则要求字符串必须完全符合正则表达式

var reg = /^a/   //匹配以a开头
var reg = /a$/   //匹配以a结尾
var reg = /^a$/   

创建一个正则表达式，用来检查一个字符是否是一个合法的合法手机号

手机号规则：

1、以1开头 ^1

2、第二位：3-9任意数字‘ [3-9]

3、第三位之后，任意数字9个[0-9]{9}$

var phoneStr = 130221545612
var phoneReg = /^1[3-9][0-9]{9}$/
console.log(phoneReg.test(phoneStr))

6、元字符

![L@$DKCC5SXLKZPE)$DKCC5SXLKZPE)%BXD22W.png)

(1) 检查一个字符串中是否含有.

注意：.表示的是任意字符，而不是单纯的点

如果要表示一个单纯的点，则需要使用转义字符：（斜杠\.表示.

var reg = /\./     //表示.
var reg = /\\/     //表示/

注意:使用构造函数时，它的参数是一个字符串，而\是字符串中转义字符，如果要使用\，这需要有\\来代替

var reg =new RegExp("\\.")     //表示.
var reg =new RegExp("\\\\")     //表示\

（2）\w 和\W

\w :任意字母、数字、_ 即：[A-z0-9_]

\W :除了字母、数字、_ 即：[^A-z0-9_]

(3)\s 和 \S

\s : 空格

\S :除了空格

去除空格：

去除空格可以用""来替换空格

str = str.replace("^\s*/,"")    //去除开头的空格
str = str.replace("\s*$/,"")    //去除结尾的空格
str = str.replace("^\s*|\s*$/,"")    //去除开头结尾的空格

(4)\d 和 \D

\d : 任意数字 即： [0-9]

\D : 除了数字 即：[^ 0-9]

(5)\b 和 \B

\b :单词边界

\B :

创建一个正则表达式检查一个字符串中是否含有单词child

var reg = /\bchild\b/
console.log(reg.test("hello child "))   //true
console.log(reg.test("hello children "))   //false

练习：电子邮件的正则：

要求：任意字母数字下划线(3位以上) \w{3，}

​ . 任意字母数字下划线 (\.\w+)*

​ @任意字母数字 @[A-z0-9]+

​ . 任意字母（2-5）位 (\.[A-z]{2,5}){1,2}

​ .任意字符（2-5）位

var emailReg =/\w{3，} (\\.\w+)* @[A-z0-9]+  (\\.[A-z]{2,5}){1,2}
var email = 123abc.hello@163.com
console.log(emailReg.test(email))