JS 正则表达式

概念

正则表达式（规则表达式）

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

创建正则

方式一：构造函数创建

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

参数一：规则

参数二：

i 忽略大小写

g 全局匹配模式

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

var reg=new RegExp("a","i");//可以用来检查一个字符串中是否含有a，忽略大小写
 console.log(typeof reg);//object

方式二：字面量创建

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

var reg = /a/i;

test()方法：

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

var reg = /a/i;
var str = "abc";
var res = reg.test(str);
console.log(res);//true
console.log(reg.test("cb"));//false

正则语法

使用 ｜ 表示 或者

//需求：创建一个正则表达式，检查一个字符串中是否有a或者b或者c
  var reg = /a|b|c/i;
  console.log(reg.test("bcd"));

[]

[]里的内容也是或的关系 [ab]==a|b

[a-z] 任意小写字母

[A-Z] 任意大写字母

[A-z] 任意字母

[0-9] 任意数字

//需求：检查一个字符串中是否含有abc或adc或aec
  reg = /a[bde]c/; //abc 或 adc 或 aec
  console.log(reg.test("abc"));

[^] 除了

查找任何不在方括号之间的字符

reg = /[^ab]/; //除了a或b,只要有ab以外的存在
console.log(reg.test("abc")); //true

量词

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

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

var reg = /a{3}/; //==/aaa/
reg = /ab{3}/; //abbb
reg = /(ab){3}/; //ababab
reg = /ab{1,3}/; //ab,abb,abbb
reg = /ab{1,3}c/; //b出现1-3次皆可
reg = /ab+c/; //至少一个b
reg = /a?bc/; //0个或1个a
reg = /a*bc/; //有没有a都行
//console.log(reg.test("bc"));

^、$

^ 表示开头

$ 表示结尾

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

reg = /^a/; //匹配开头的a
reg = /a$/; //匹配结尾的a
reg = /^aa$/;
reg = /^a|a$/; //以a开头或者以a结尾
console.log(reg.test("a"));

课堂小练习 1、创建一个正则表达式，用来检查一个字符串是否是一个合法手机号

/* 课堂小练习：手机号的规则
    1:以1开头;
    2:第二位3-9的任意数字;
    3:三位以后任意数字9个;
       ^1 [3-9] [0-9]{9}$
  */
  var phoneStr = "183o6789012";
  var phoneReg = /^1[3-9][0-9]{9}$/;
  console.log(phoneReg.test(phoneStr));

. 表示任意字符

\ 转义字符

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

var reg = /\./; //  .
reg = /\\/; //  \

四组 \ 语法

\w -任意字母，数字，_

\W -除了字母、数字、_,只要有其他字符就返回true

\d -任意数字[0-9]

\D -除了数字[^(0-9)]，只要有其他字符就返回true

\s -空格

\S -除了空格，只要有其他字符就返回true

\b -单词边界

\B -除了单词边界

/* 需求：创建一个正则表达式检查一个字符串中是否有单词child */
  reg = /\bchild\b/; //保证前后都没有，这是独立的单词
  // console.log(reg.test("hello,children"))

reg = /child\B/; //保证前后都没有，这是独立的单词
      console.log(reg.test("hello,children"));

/* 需求：去除字符串中的空格*/
  str = "   he  llo   ";
  //str=str.replace(/\s/g,"");//去除所有空格
  //去除开头的空格
  //str=str.replace(/^\s*/,"")//去除开头所有空格
  //str=str.replace(/\s*$/,"")//去掉结尾的空格
  //str = str.trim();//去除开头和结尾的空格
  console.log(str);

正则与字符串相关的方法

split()

var str = "1a2a3a4d5r6f7A8B9";
res = str.replace("a", "@");
res = str.replace(/a/gi, "@"); //1@2@3@4d5r6f7@8B9
res = str.replace(/[a-z]/gi, ""); //空串，就都删了
console.log(res);

• 可以将一个字符串拆分为一个数组
• 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
• 这个方法即使不指定全局匹配，也会全都拆分

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

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

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

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

  var str = "hello abc hello abc aec afc";
  res = str.search("abc"); //6
  res = str.search("abcd"); //-1
  res = str.search(/a[bef]c/); //6

  match()

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

  -默认情况下，我们的match只会找到第一个符合要求的内容，找到以后就停止检索，我们可以设置正则表达式为全局匹配模式，从而匹配到所有的内容，可以为一个正则表达式设置多个匹配模式，且顺序都可以

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

  var str = "1a2b3c4d5r6f7A8B9";
  res = str.match(/[a-z]/gi); //['a', 'b', 'c', 'd', 'r', 'f', 'A', 'B']
  //console.log(Array.isArray(res));//true
  //console.log(res[0]);//a

  课堂小练习：筛选出数字

   // 需求：筛选出数字
        var str = "hhsdfx12453knls442k";
        //方式一
        var strArr = str.split("");
        let num = strArr.filter(function (a) {
          return !Number.isNaN(parseInt(a));
        });
        console.log(num.join(""));
        //方式二
        console.log(str.match(/\d/g).join(""));

  replace()

• 
  
  
  
  
  
  search()
• 可以将字符串中指定内容替换为新的内容
• 参数：
• • • 1:被替换的内容，可以接受正则表达式为参数
    • 2:新的内容 默认只会替换第一个 也可以设置全局匹配