RegExp类型，单体内置对象

Posted 2020-08-25 夏至未至

1.RegExp类型:
  1)什么是正则表达式:RegExp
    --是一种规则,模式
    --强大的字符串匹配工具
    --创建:
    --使用RegExp构造函数创建:var re=new RegExp(‘a‘,‘i‘);
    --使用字面量创建:var re=/a/i;    //i--ignore表示忽略大小写

  2)正则表达式里面的字符:
    1)修饰符
      --i:执行对大小写不敏感的匹配。
      --g:执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
      --m:执行多行匹配

    2)方括号
      组成的表达式:
        --[abk]:查找方括号之间的任何字符
        --[^abk]:查找任何不在方括号之间的字符
        --[abc]pc,o[ab]c
        --[a-z],[0-9] (范围)
        --[^a-z],[^a-z0-9]    (排除,除了...之外的字符)
        --o[^a-z0-9]pt    (组合使用)

    3)元字符:
      \d: 表示数字 [0-9]
      .(点):表示匹配任意字符 [.] 除了换行和行结束符
      \w:    表示英文,数字,下划线 [a-z0-9_]
      \s:    空白字符(包括空格,Tab,其他不可打印不可显示的字符)
      \D:    [^0-9]
      \W:    [^a-z0-9_]
      \S:    非空白字符
      \n:查找换行符
      \r:查找回车符
    例子:过滤html标签
      var html=‘<p>我们都是好孩子</p><span>eneennene</span>‘;
      var re=/<[^<>]+>/g;    //表示html标签
      html.replace(re,‘‘);

    4)量词:就是‘个数‘
      常见的量词有:+,?,*
        n+:匹配包含至少一个n的字符串
        n?:匹配任何包含零个或一个n的字符串
        n*:匹配任何包含零个或多个n的字符串(不推荐使用,会出现误导,通常用‘+‘)

      其他写法的量词:
        {n}:表示正好出现8次
        {n,m}:最少n次,最多m次 如:?(问号):也可表示为{0,1}
        \d{8}:数字正好‘连续‘出现8次
        {n,}:最少n次,最多不限,如:+(加号):也可表示为{1,}
        ^n:匹配任何以n开头的字符串
        n$:匹配任何以n结尾的字符串
        ?=n:匹配任何其后紧接指定字符串n的字符串
            var str="Is this all there is";
            var patt1=/is(?= all)/g;    //匹配is后面紧跟‘ all‘的字符串
        ?!n:匹配任何其后没有紧接指定字符串n的字符串

      　正则匹配电话号码:[1-9]\d{7}    (表示第一位只能是1-9,后面7位是任意数字)
      　正则匹配QQ号:[1-9]\d{5,9}
      　正则匹配固定电话:[phone]    (前面的010可有可无)
        --(0\d{2,3}-)?[1-9]\d{7}
            　(0\d{2,3}-)? ==>问号表示前面可有可无
        --(0\d{2,3}-)?[1-9]\d{7}(-\d{1,5})?
            　==>表示区号和分机号都是可有可无的
      　正则校验邮箱:邮箱的规则(可分为5部分):
        　1.一串英文,数字,下划线 (\w+)
        　2. @ (@)
        　3.一串英文/数字 ([a-z0-9]+)
        　4. . (\.)
        　5.一串英文 ([a-z]+)
        　　var re=/\[email protected][a-z0-9]+\.[a-z]+/i
       　 　if(re.test(oTxt.value)){
          　 　alert(‘邮箱合法‘);
        　　}else{
          　 　alert(‘邮箱输入错误‘);
        　　}
      　注:上面的re.test(str)是正则表达式的一个校验方法,检验这个字符串是否符合这个正则表达式
          　　但是其有一个问题,re.test在校验时,只要字符串的一部分符合这个规则,即为正确,所以是有问题的
          　　当^  在[^xxx]里面时,表示除了....之外的意思,
          　　当^不在方括号之内时 ^(字符串开头),    $(字符串结尾)
          
              //从字符串的开头到字符串的末尾的校验
            　var re=/^\[email protected][a-z0-9]+\.[a-z]+$/i
            　if(re.test(oTxt.value)){
              　　alert(‘邮箱合法‘);
            　}else{
              　　alert(‘邮箱输入错误‘);
            　}

  5)支持正则表达式的字符串操作方法
    1.search:字符串搜索,返回搜索项在字符串中的索引位置
      var str="bacde";
      var re=/a/i;
      str.search(re);        //1

    2.match:获取匹配的项
      --/\d/:    表示数字,也可以为/[0-9]/
      --全局匹配:g--global,/\d+/g:表示某个对象里的所有数字,不加g只找到第一个匹配数字
      --量词: + (表示个数,意为‘任意个‘的意思)
      --量词变化: \d,\d\d,和\d+
      　　var str=‘12abc v-199bh‘;
      　　var re=/\d/g;
      　　str.match(re);    //1,2,1,9,9
      　　var re=/\d+/g;
      　　str.match(re);    //12,199   这时才正常

    3.replace:替换所有匹配项目
      --返回替换后的字符串
      　　var str="123 dfr -bh";
     　　 var re=/\ +/g;
      　　str.replace(re,‘‘);
      　　var str1="百度公司自创立以来,我们都是好朋友,123456";
      　　var re=/百度|我们/;
      　　str1.replace=(re,‘***‘);

  6)关于转义正则表达式中的元字符
    正则表达式中的元字符包括:( [ { \ ^ $ | ? * + . } ] )
    这些元字符在正则表达式中都有一定的意义,因此如果想要匹配字符串中包含的这些元字符,就不许对它进行转义
      1.匹配第一个‘bat‘或‘cat‘,不区分大小写: var reg=/[bc]at/i;
      2.匹配第一个"[bc]at"或,不区分大小写: var reg=/\[bc\]at/i;(通过\转义)
      3.匹配所有以‘at‘结尾的3个字符的组合,不区分大小写: var reg=/.at/ig;
      4.匹配所有‘.at‘,不区分大小写: var reg=/\.at/ig;

 

2.单体内置对象:Global对象，Math对象
  1)Global对象(全局对象):JS中这个对象是抽象的,不属于任何其他对象的属性和方法,都属于它的属性和方法
    1)常见的全局函数:(Global对象的方法)
    --isNaN():检查某个值是否是数字
    --isFinite():检查某个值是否为有穷大的数
    --parseInt(string):解析一个字符串并返回一个整数,从左到右查看字符串,当碰到非数字就返回去
      parseInt(‘12px23‘)--12            parseInt(‘abc‘)---NaN
    --parseFloat(string):解析一个字符串并返回一个浮点数
      (都用parseFloat也可以,整数字符串在parseFloat之后还是整数)

    2)其他方法:
      1.URL编码方法:(因为有效的URL不应该含有特殊字符,例如空格等,需要通过编码才能够让浏览器理解和接受)
        --encodeURI():把字符串编码为URI,不会对本身属于URL的特殊字符进行编码,如冒号,正斜杠,问号,和#号
        --decodeURI():只能对经encodeURI()编码的字符进行解码
        --encodeURIComponent():也是编码无效的URL字符串,会对它发现的任何非标准字符进行编码
        --decodeURIComponent():只能对经encodeURIComponent()编码的字符进行解码
        document.write(encodeURI("http://www.w3school.com.cn"));
        　　--http://www.w3school.com.cn
        document.write(encodeURIComponent("http://www.w3school.com.cn"));
        　　--http%3A%2F%2Fwww.w3school.com.cn

      2.eval()方法:是一个完整的ES解析器,它只接受一个参数,即要执行的JS字符串,并执行其中的的JS代码
         eval("alert(hi)"); 等价于 alert(‘hi‘);
         var msg="hello,js";
         eval("alert(msg)"); //hello,js
         eval("x=10;y=20;document.write(x*y)");
         document.write(eval("2+2"));

  2)Math对象:不需要经过实例化(new)的对象,直接可以使用==>Math.ceil();
     Math对象属性:
      --Math.E:自然对数的底数,算术常量 e
      --Math.PI:返回圆周率
      --Math.LN2:返回2的自然对数
      --Math.LN10:返回10的自然对数
      --Math.LOG2E:返回以2为底的 e 的对数
      --Math.LOG10E:返回以10为底的 e 的对数

     Math对象方法:
      --Math.abs(x):返回数的绝对值
      --Math.max(x,y):返回x和y中的最大值。
      --Math.min(x,y):返回x和y中的最小值。
      --Math.ceil(val):向上取整
      --Math.floor(val):向下取整
      --Math.round(val):取近似值,四舍五入
      --Math.sqrt(x):返回数的平方根
      --Math.pow(x,y):返回x的y次幂
      --Math.random():返回大于等于0小于1的随机数
      可以从整数范围内随机选择一个值:值=Math.floor(Math.random()*可能的总数+第一个可能的值)
      例:选择2-10之间的随机数:var num=Math.floor(Math.random()*9+2);