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

忘是亡心i 2021-09-07 07:26 360阅读 0赞

##### 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@ D K C C 5 S X L K Z P E ) DKCC5SXLKZPE)%BXD22W\](G:\\可可爱爱的个人学习笔记\\编辑器\\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))

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript正则表达式

相关 JavaScript正则表达式

相关 Javascript 正则表达式（二）

相关 javaScript正则表达式

相关 JavaScript正则表达式

相关 JavaScript正则表达式

相关 JavaScript正则表达式

相关 javascript 正则表达式

相关 javaScript正则表达式

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