第五篇、javascript正则表达式二

一、内容概要 1)创建着呢规则表达式对象的两种方法 2)正则表达式的常用属性和方法 3)string对象常用方法中可以使用正则表达式 4)ES中其他预定义的

一、内容概要

 1)创建着呢规则表达式对象的两种方法

2)正则表达式的常用属性和方法

3)string对象常用方法中可以使用正则表达式

4)ES中其他预定义的对象:Math、Date、Number、Booloean...

 

二、创建正则表达式对象的两种方法

  •   直接量表示法:  var regexp=/式子/igm;  缺点:式子不能是string类型
  •   对象创建法:    var regexp=new RegExp(‘式子’,‘igm’);   式子里面必须是string类型

正则表达式的用法有两种

1)regexp.xxx(string)  使用RegExp 检测String  如regexp.test(string)

  test()判断真假    /exec()返回值

2)string.yyy(regexp)  使用string方法,把RegExp作为参数

  replace()   / search()  /match  /split()

 

 

 三、正则表达式的常用属性和方法

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h2>
        <button onclick="testRegexProperty()">
            测试RegExp对象的常用属性
        </button>
    </h2>
    <script>
        //学号都必须以S、G、D开头,后面跟4位数字,如 G1588 D0102
        var txt="D0102";   //假设用户输入的是一个学号
        //var regexp=/^([sgd])\d{4}/i;
        var regexp=/^([sgd])(\d{4})/i;   //调用$必须是分组里面的内容
        console.log(regexp.text(txt));
        console.log(RegExp.$1);    //如果要调用$必须要用RegExp来调用
        console.log(RegExp.$2);     //保存着最近第二次匹配的内容
        console.log(RegExp.$3);
        console.log(RegExp.$4);

    </script>
</body>
</html>
实例代码
       var arr1="Tm电话为13122345678,att电话为1512345678";
        var regexp=/1[34578]\d{9}/g;   //查找电话
        console.log(regexp.lastIndex);   //指定下一次从哪里开始寻找
        console.log(regexp.test(arr1));   //检测  true
        console.log(regexp.test(arr1));   //true
        console.log(regexp.test(arr1));   //false 原因是因为lastIndex在末尾,从末尾开始匹配,当然是false
        console.log(regexp.lastIndex);   //16
注意点

方法:

 

 

1)regexp.xxx(string)  使用RegExp 检测String  如regexp.test(string)

  test()判断真假    /exec()返回值

            var txt="Tm电话为13122345678att电话为15123456781";
            var regexp=/1[34578]\d{9}/g;  //必须要有g标志位
            console.log(regexp.txt);

//            console.log(regexp.exec(txt));
//            console.log(regexp.exec(txt));
            //打印出一段文本中所有的电话号码
        while(true){
            var arr=regexp.exec(txt);
            if(arr==null){
                break;
            }
            console.log(arr[0]);   //这里打印出电话号(相当于一个数组)
        }
查找电话号码

2)string.yyy(regexp)  使用string方法,把RegExp作为参数

  replace()   / search()  /match  /split()

一、split方法

strObject.split(str/regexp,[howmany])

使用一个指定的字符串或者正则表达式,对元字符串进行拆分,返回才的的字符串数组

如果指定了howmany属性,则只返回拆的前howmany个字串

        var data="how are you";
        var regexp=/\s+/;
        var arr=data.split(regexp);
        console.log(arr);     //["how","are","you",""]
split方法

 二、replace方法

strObject.replace(substring/regexp,replacement)

对字符串中特定格式的字串进行替换,返回替换后的结果

第一个参数既可以是一个固定的字串,也可以是一个正则表达式对象

        var regexp = /(red|blue|green)/ig;
        var data="Flowers are red,blue.yellow,or green";
        document.write(data);
        var result=data.replace(regexp,"<span style='color:$1;'>$1</span>");
        document.write(result);
View Code

三、search方法

strObject.seach(regexp)

返回第一次出现匹配指定正则表达式字串的下标,如果没有匹配则返回-1

与indexOf()作用类似,但是indexOf不支持正则表达式 如:var aa=ss@1223   var regexp=aa.indexOf(@)

var data ="He does told to do";
var regexp = /\bdo\b/ig;
console.log(data.search(regexp)); //16

上面是找到do的下标  \b是边界
View Code

 四、match方法

 strObject.match(substring/regexp)

返回一个或者多个字串/正则表达式的匹配

与indexOf()方法类似,但是它返回匹配的值,而不是匹配字符串所在的下标

            var txt="Tm电话为13122345678att电话为15123456781";
            var regexp=/1[34578]\d{9}/g;  //必须要有g标志位
            arr=txt.match(regexp);
            console.log(arr);
            console.log("查找完毕");


查找出的结果
["13122345678", "15123456781"]
test2.html:48 查找完毕
查找电话号码

 

总结

 

 replace()*  替换正则表达式可以匹配字串

seach()  替换正则表达式可以匹配字串

match  返回所有匹配正则表达式的字串

splite()*  使用正则表达式对字符串进行拆分

 

习题:

1、去除一个字符串开头和结尾的空白字符

   用正则表达式  /^\s|\s$/之后用replace方法

 

标签: 电话 字串