JavaScript — 正则表达式

目录

一、认识正则表达式

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

三、字符串和正则表达式相关的方法

1.split()

2.search()

3.match()

4.replace()

四、正则表达式语法

量词

检查一个字符串是否以a开头

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

---

一、认识正则表达式

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

        创建正则表达式的对象

            语法：

            let 变量 =  new RegExp("正则表达式","匹配模式")

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

    let reg = new RegExp("a","i")
    console.log(typeof reg);    //object

            let reg = new RegExp("a")这个正则表达式可以来检查一个字符串中是否含有a

 

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

                可以是：

                    i 忽略大小写

                    g 全局匹配模式

正则表达式的方法：

        test()

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

    let str = "a"
    let result = reg.test(str)
    console.log(result);
    console.log(reg.test("abc"));

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

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

    使用字面量方式创建更加简单，但是使用构造函数创建更加灵活

// let reg = new RegExp("a","i");
 reg = /a/i;
 console.log(typeof reg);
 console.log(reg.test("abc"));  //true

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

 reg = /a|b|c/
 console.log(reg.test("dfgc"));     //true

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

• [ ] 里的内容也是或的关系        [ab] == a|b
• [a-z] 表示任意的小写字母
• [A-Z] 表示任意的大写字母
• [A-z] 表示任意字母
• [0-9] 表示任意数字

reg = /[a-z]/
console.log(reg.test("d"));     //true
reg = /[A-Z]/
console.log(reg.test("F"));     //true
reg = /[A-z]/
console.log(reg.test("aS"));    //true

举个例子： 检查一个字符串中是否含有abc或adc或aec

reg = /a[bde]c/
console.log(reg.test("aec"));   //true

    [^]表示除了

reg = /[^ab]/
console.log(reg.test("ab"));    //false
console.log(reg.test("abc"));   //true
console.log(reg.test("aec"));   //true

reg = /[^0-9]/  //除了数字
console.log(reg.test("1234"));  //false

三、字符串和正则表达式相关的方法

1.split()

可以将一个字符串拆分成一个数组

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

这个方法即使不指定全局匹配，也会全部拆分

// 根据任意字母来将字符串拆分
let result = str.split(/[A-z]/)
console.log(result);    //["1", "2", "3", "4", "5", "6", "7"]

2.search()

可以搜索字符串中是否含有指定内容

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

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

！！！search()只会查找第一个，即使设置全局匹配也没用

str = "hello abc hello asc arc"
result = str.search("abc")
console.log(result);    //6
//搜索字符串中是否含有abc 或asc 或arc
result = str.search(/a[bsr]c/)
console.log(result);    //6

3.match()

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

默认情况下match只能找到第一个符合要求的内容，找到以后就停止检索

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

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

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

str = "1a2b3c4d5e"
result = str.match(/[a-z]/ig)
console.log(result);    //["a", "b", "c", "d", "e"]

4.replace()

可以将字符串中指定的内容替换为新的内容

参数：

    1.被替换的内容，可以接收一个正则表达式作为参数

    2.新的内容

默认只会替换第一个

result = str.replace(/[a-z]/ig,"#@#")
console.log(result);    //1#@#2#@#3#@#4#@#5#@#
result = str.replace(/[a-z]/ig,"")
console.log(result);    //12345

四、正则表达式语法

量词

        通过量词可以设置一个内容出现的次数，量词只对前边的一个内容起作用

{n}	正好出现n次
{m,n}	出现m-n次
{m,}	出现m次以上
+	表示至少一个，相当于{1,}
*	表示0个或多个，相当于{0,}
?	表示0个或1个，相当于{0,1}

    let reg = /a{7}/
    console.log(reg.test("aaaaaasda")); //false
    reg = /(ab){3}/
    console.log(reg.test("ababab"));    //true
    reg = /ab{3}c/
    console.log(reg.test("abbbc"));     //true
    console.log(reg.test("abbbbc"));    //false

    reg = /ab{1,3}c/
    console.log(reg.test("abbc"));    //true

    reg = /ab+c/
    console.log(reg.test("abbc"));     //true

    reg = /ab*c/
    console.log(reg.test("ac"));    //true

    reg = /ab?c/
    console.log(reg.test("abbc"));  //false

 

    检查一个字符串是否以a开头

    ^表示开头

    $表示结尾

    reg = /^a/  //匹配开头的a
    console.log(reg.test('bass'));  //false

    reg = /a$/  //匹配结尾的a
    console.log(reg.test("sdfghja"));   //true

    reg = /^a$/
    console.log(reg.test("ada"));   //false
    console.log(reg.test("a"));     //true

    reg = /^a|a$/
    console.log(reg.test("ab"));    //true

    举个例子：

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

    手机号的规则：

     1.以1开头

     2.第二位3-9的任意数字

     3.三位及以后任意数字9个

    let phoneReg = /^1[3-9][0-9]{9}$/
    console.log(phoneReg.test("18367342165"));  //true

 

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

        . 表示任意字符

        在正则表达式中使用 \ 作为转义字符

        \. 来表示 .

        \\ 来表示 \

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

    let reg = /\./
    console.log(reg.test("ab.ss"));     //true
    reg = /\\/
    reg = new RegExp("\\\\")
    console.log(reg.test("\\"));    //true

\w	任意字母、数字、_  [A-z0-9_]
\W	除了字母、数字、_  [^A-z0-9_]
\d	任意的数字    [0-9]
\D	除了数字   [^0-9]
\s	空格
\S	除了空格
\b	单词边界
\B	除了单词边界

    举个例子：

    去掉字符串开头和结尾的空格，去除空格就是用""来代替空格

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

    str = str.replace(/^\s*|\s*$/g,"")
    console.log(str);   //how are you