JavaScript正则表达式

正则表达式用于定义一些字符串的规则

------计算机可以根据正则表达式，来检测一个字符串是否符合规则

获取字符串中符合规则的内容提取出来

创建正则表达式的对象

语法：

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

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

 

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

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

     可以是   

              i   忽略大小写

              g  匹配全局模式

正则表达式的方法

        test()

    ---------使用这个方法可以用来检查一个字符串是否符合正则表达式的规则：

     如果符合则返回true ，否则返回false

//这个正则表达式可以用来检测一个字符串中是否含有a
 var reg = new RegExp("a","i");
 var str = "a";
 // console.log(typeof reg);//Object
 var result = reg.test(str);
// console.log(result);//true
   console.log(reg.test("bb"));//false

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

语法：

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

使用字面量的方式创建更加简单

使用构造函数创建更加灵活

//以构造函数创建
var reg = RegExp("a","i");
console.log(reg.test("abc"));//true
//以字面量创建
var reg = /a/i;
console.log(reg.test("avcc"));//true

创建一个正则表达式，检查一个字符串中是否包含有a或b

使用    |     表示或者的意思

  var reg = /a|b|c/i;

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

[ ]    里面的内容也是 或  的关系     [ab]等价于a|b

[a-z]   任意的小写字母

[A-Z]  任意的大写字母

[A-z]  任意字母

[^ ]  除了    [^ab]    就是除了ab     [^0-9] 除了0-9

[0-9]  任意的数字

var reg=/[a-z]/

检查一个字符串中是否包含有abc或adc 或aec

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

var reg = [^ab];
console.log(reg.test("cd"));//ture

var reg = [^0-9];
console.log(reg.test("123"));//false

splice()

splice()

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

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

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

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

search()

search()

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

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

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

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

var str = "hello abc hello aec afc";
var result = str.search("abcd");
console.log(result);//-1
//搜索字符串中是否包含有abc 或 aec 或afc
var result = str.search("a[bef]c");
console.log(result);//6

 match()

match()

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

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

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

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

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

var str = "1a2b3c4d5e6f7A8B9C";
var restult=str.match(/[a-z]/gi);
console.log(result);//[ "a", "b", "c", "d", "e", "f", "A", "B", "C" ]
console.log(Array.isArray(result));//true

 replace()

replace()

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

   参数：  

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

      2.新的内容

---默认只会替换第一个

var str = "Houqilin";
var result=str.replace("i","I");
console.log(result);//HouqIlin

var result=str.replace(/[a-z]/gi,"I");
console.log(result);//HouqIlIn


var str = "Houqilin111";
var result=str.replace(/[a-z]/gi,"");
console.log(result);//111

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

量词

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

------量词只对它前边的内容起作用

-----{n}  正好出现n次

-----{m,n} 出现m-nc次

-----{m，} m次以上

----  +  至少一个   相当于  {1}

----   *  0个或多个，相当于 {0, }

----  ?  0个或1个，相当于{0,1}

----  ^n   匹配任何开头为n的字符串

----  n$  匹配任何结尾为n的字符串

//{n}  正好出现n次   相当于连续出现n次
var reg = /a{3}/;
console.log(reg.test("aaa"));//true
console.log(reg.test("aba"));//false

//ab连续出现3次
//ababab
var reg = /(ab){3}/;
console.log(reg.test("abababa"));//true

//{m.n}    b刚好出现1到3次
var reg = /ab{1,3}c/;
console.log(reg.test("abc"));//true
console.log(reg.test("abbbbc"));//false
 
//+ 至少一次   相当于  {1, }
var reg = /ab+c/;
console.log(reg.test("ac"));//false
console.log(reg.test("abbc"));//true

//*   0个或多个，相当于{0,}
var reg = /ab*c/;
console.log(reg.test("ac"));//true
console.log(reg.test("abc"));//true

//？   0个或1个，相当于{0,1}
var reg = /ab?c/;
console.log(reg.test("ac"));//true
console.log(reg.test("abbc"));//false

//^  匹配以什么开头的字符
var str=/^h/;
console.log(str.test("hwl"));//true

//$  匹配以什么结尾的字符
var str=/f$/;
console.log(str.test("esf"));//true

 

检查字符串中是否含有   英文点   .

  .   表示任意字符

var str=/./;
console.log(str.test("j3j3rh2r9"));/true

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

  \.   来表示   .

 \\   来表示  \

   注意：使用构造函数时，由于它的参数是一个字符串，而  \  是字符串中的转义字符

-----如果要使用   \  则需要使用    \\  来代替

var reg = /\./;
console.log(reg.test("hahh.com"));//true



var reg = RegExp("\\.");
console.log(reg.test("\.aa"));//true



var reg = RegExp("\\\\");
console.log(reg.test("\0\0"));//false
console.log(reg.test("\\0"));//true

\w    任意字母、数字、下划线

var reg =/\w/;
console.log(reg.test("[A-z0-9_]"));//true

\W   除了字母、数字、下划线[^A-z0-9_]

var reg = /\W/;
console.log(reg.test("[^A-z0-9_]"));//true

\d    任意数字[0-9]

var reg = /\d/;
console.log(reg.test("255555"));//true

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

var reg = /\D/;
console.log(reg.test("234"));//false

\s   空格

var reg = /\s/;
console.log(reg.test("  He  ll o"));//true

\S   除了空格

var reg = /\S/;
console.log(reg.test("Hello"));//true

\b  单词边界

//创建一个正则表达式检查一个字符串是否含有单词  child
var reg = /\bchild/;
console.log(reg.test("Hello children"));//true
console.log(reg.test("Hello child ren"));//true


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

\B  除了单词边界

var reg = /\Bchild/;
console.log(reg.test("Hello child"));//false
console.log(reg.test("Hellochilde"));//true

练习

    接收一个用户输入

var str = prompt("请输入你的用户名");
//要求用户名前后不能有空格，但是用户名中间可以有空格
// "Hou QiLin"
//去除前后字符串中的空格
//去除空格就是使用"" 来替换空格
str=str.replace(/\s/g,"");
console.log(str);HouQiLin

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

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

//     /^\s*/ 匹配开头             /\s*$/  匹配结尾
     str=str.replace(/^\s+|\s+$/g,"");
     str=str.replace(/^\s*|\s*$/g,"");
console.log(str)

 

电子邮件

/*
*   电子邮件
*      hello   .nihao     @   abc    .com   .cn
*
*    1.任意字符数字下划线   .任意字符数字下划线   @   任意字母数字    .任意字母(2-5)   .任意字母(2-5)
*   \w{3,}  (\.\w+)*  @   [A-z-0-9]+ (\.[A-z]{2,5}){1,2}
* */
var emailReg=/^\w{3,}(\.\w+)*@[A-z-0-9]+(\.[A-z]{2,5}){1,2}$/;
var email="abc@abc.com";
console.log(emailReg.test(email));