JavaScript基础知识（8）

回顾：正则表达式

 []:备选字符集，只能多选一。一个[]只能匹配一位字符

 比如：我[去草]：我去 我草

 []内：

 开头^:除了xx都行    [0123456789]-->[^47]

 -:表示备选字符的范围: [a-z] [0-9] [A-Z]

 预定义字符集：

 [0-9] -->\d

 [a-zA-Z_]  -->\w

 \s:空字符：\n \t 空格

 量词：修饰前一位字符出现的次数

 {min,max}:最少min个，最多max个

 {min,}:最少min个，最多不限制

 {num}:固定num个长度

 验证座机号：

 010-82838283

 0311-12345678

 0311-1234567      //注：如果遇到问题输入回车或者空格

 匹配：\d{3,4}-\d{7,8}     

 正课：

 特殊的数量词：+  *  ?

 ?:可有可无，如果有，最多只能出现一次，

 例：

 我了?去   表示“了”可有可无，但是只能验证“我去”和“我了去”，不能

 验证“我了了去”

 *：可有可无，不限制个数

 +:至少出现一次，不限制次数

 ():分组：为了改变模式的匹配顺序

 例：身份证：匹配15位到18位的身份证\d{15}(\d{2}[0-9xX])?

 匹配手机号：(\+86)?(\s)*1[3578]\d{9}

 [phone]

 今后如果正文中出现+*?，都要用\转义

 ^:放在整个正则表达式的开头，表示以xxx开始

 $:放在整个正则表达式的结尾，表示以xxx结束

 ?=:预判，判断在前一个字符之后，必须紧跟xxx

 ?!:预判，判断在前一个字符之后，必须不能跟xxx

 课堂练习：

 验证中文姓名：[\u4e00-\u9fa5]{2,6}

 验证邮箱：[e-mail]   表达式\w+@\w+([-]\w+)*(\.\w+)+

 其中\w+([-]\w+)*是一个以上的字母，后可跟“-字母”，可有可无，专门用

 来匹配域名，“.字母”组合至少出现1次

 RegExp对象：专门封装一条正则表达式，提供使用正则表达式的常用API

 如何使用RegExp对象：1.创建；2.调用API

 如何创建正则表达式对象：var regExp=/正则表达式/ig;

 var regExp=/no/ig   

 RegExp对象的方法(API)：

 验证：var boolean=regExp.test("被检查的字符串")

 如果验证通过：返回true；否则返回false

 验证 vs 查找：

 验证要求完整匹配，查找要求部分匹配

 var regExp=/\w+@\w+([-]\w+)*(\.\w+)+/;

 while(true){

 var input=prompt("输入邮箱：");

  if(regExp.test(input)){

    document.write("注册成功");

    break;

   }else{

     alert("邮箱格式有误");

    }

 }

 //zhangdong@[e-mail]为什么test可以通过呢？那是因为

 test方法默认只要找到，都会返回true，不管在什么位置。怎么样让test方法

 完整匹配呢？在正则表达式前加^,后加$，今后验证都要加上

 上例改进方法：

 var regExp=/^\w+@\w+([-]\w+)*(\.\w+)+$/;

 while(true){

 var input=prompt("输入邮箱：");

  if(regExp.test(input)){

    document.write("注册成功");

    break;

   }else{

     alert("邮箱格式有误");

    }

 }

 查找：exec既能查找关键字的位置，又能找到关键字的内容

 indexOf不支持正则，search支持正则，每次只能找1个

 match得到所有内容，但是得不到位置

 regExp.exec("被查找的内容")

 arr[0]:里面保存的是关键字的内容，查找时会自动保存，每次查找后都会保

 存在第0个位置，之前查找的如果不保存就会丢失

 arr.index属性：找到的关键字的位置

 exec方法每次只能找到1个，但是每次自动修改regExp对象的lastIndex属性。

 regExp对象的lastIndex属性：表示下次开始匹配的位置

 竖线“|”在正则表达式中表示“或”

 exec找到头没了的时候，会返回null,这也是循环的条件

 例：

 var str="明明喜欢我，却不告诉我；别理我，我想静静；静静是谁？你TM先

 告诉我明明是谁？";

 var regExp=/明明|静静/g;      //一般查找都要加g全局

 var arr=[];

 while((arr=regExp.exec(str))!=null){

 //arr[0]关键字的内容；arr.index关键字的位置

 document.write("在位置"+arr.index+"发现"+arr[0]+"<br/>");

 }

 关于查找：

 如果仅判断有没有，或者仅查找位置：indexOf

 如果仅判断有没有，或者仅查找位置,支持正则表达式：search()

 如果仅找所有关键字的内容：match()

 如果既找位置，又找内容：exec()

 compile()：编译，环境自己调用的

 /正则表达式/：一般可应付绝大多数的环境或需求，但是根据用户需求在运行

 时动态变化则用下面的var regExp=new RegExp("\\d{6}"); 动态创建正则表

 达式，强调：字符串中所有的斜线都要用双斜线

 例：

 var regExp=/^\w+@\w+([-]\w+)*(\.\w+)+$/;

 动态创建表达式如下：

 var regExp=new RegExp("^\\w+@\\w+([-]\\w+)*(\\.\\w+)+$");

 贪婪模式：.+  .*，这两种，默认是先匹配整个字符串，再缩小范围

 懒惰模式：(.+?) (.*?),两种，从第一个字符开始，向后扩展范围

 .是匹配任意字符

 例：获取一段HTML文本中所有超链接的href属性的值

 匹配超链接的正则表达式：<a(.+?)href\s*=\s*['"](.*?)['"](.*?)>

 var txt='<script href="a.js"/>'+'<a href="cost/list.do">链接

 1</a>'+'<a class="main" href="cost/add.do">链接2</a>';

 var regExp=/<a(.+?)href\s*=\s*"(.*?)"(.*?)>/ig       //查找，不用完

 整匹配

 var arr=[];

 while((arr=regExp.exec(txt))!=null){

 console.log(arr[0]);

 }

 查找功能中，正则表达式后面要加g，否则始终都是在第一个上面查找，形成

 死循环。

 从正则表达式匹配的内容中，取出一部分：RegExp.$n

 $n:指正则表达式中的第几个分组，其实就是第几个圆括号

 强调：正则表示的分组是从1开始，如上述例子中取第二个里面的元素：

 console.log(RegExp.$2);

 必须通过RegExp类型，直接调用$n,不能使用对象

 用于模式匹配的String方法

 所有模式匹配的API都支持正则表达式

 String对象与正则表达式:

 str=str.replace(/no/ig,"替换值")

 var arr=str.match(/正则表达式/ig)

 sr.search()

 str.split(/正则表达式/)

 例：

 var str="那天，我去了她家。我说，我草";

 str=str.replace(/我[去草]/g,"**");

 document.write(str);

 例：

 var txt='<script href="a.js"/>'+'<a href="cost/list.do">链接

 1</a>'+'<a class="main" href="cost/add.do">链接2</a>';

 var regExp=/<a(.+?)href\s*=\s*"(.*?)"(.*?)>/ig       //查找，不用完

 整匹配

 var arr=txt.match(regExp);

 console.log(arr);

 例：

 var str="no zuo no die";

 var words=str.split(" ");

 for(var i=0;i<words.length;i++){

  var first=words[i][0].toUpperCase();

  words[i]=first+words[i].substring(1);

 }

 document.write(words.join(" "));

 上述例子中如果单词间空格数超过1个，就会返回错误

 var str="no zuo no die";

 var words=str.split(/\s+/);

 for(var i=0;i<words.length;i++){

  var first=words[i][0].toUpperCase();

  words[i]=first+words[i].substring(1);

 }

 document.write(words.join(" "));

 trim功能：去除字符串开始和结尾的空格，中间空格不去掉。对输入字符串的

 处理，多数要先清除开头和结尾空格,再处理

 判断验证码是否正确（去除一个字符串开头和结尾的开头空格字符）：

 var code="4A7b";

 while(true){

   var input=prompt("输入验证码");

   input=input.trim();

   if(input.toLowerCase()==code.toLowerCase()){

     document.write("登录成功");

     break;

   }else{

     alert("验证码错误");

    }

 }

 trim功能在IE8不支持！下面是在IE8中的代码：

 function trim(str){

 //使用正则表达式替换开头和结尾的空字符

 var regExp=/(^\s+)|(\s+$)/g;

 str=str.replace(regExp,"");

 return str;

 }

 var code="4A7b";

 while(true){

   var input=prompt("输入验证码");

   input=trim(input);

   if(input.toLowerCase()==code.toLowerCase()){

     document.write("登录成功");

     break;

   }else{

     alert("验证码错误");

    }

 }

 String总结：多有API都无法修改原字符串，都会返回新字符串。所有

 StringAPI都需要用变量保存结果!

 str.length  字符个数

 str.toLowerCase()/toUpperCase()

 查找关键字：

 var index=str.indexOf("关键字"[,from]])  -->[]里面是可选的

 var arr=str.match(/正则表达式/g)         

 获得字符串：

 var substr=str.slice(start,end+1);    -->数组里面方法

            str.substring(start,end+1);   --》正则表达式

            str.substr(start,count);

 替换：

 str=str.replace(/正则表达式/g,"替换值");

 获得指定位置的字符：

 var char=str.charAt(index)

          str[index]

 字符编码解码：

 var code=str.charCodeAt(index);

 var char=String.fromCharCode(code);

 RegExp对象总结：

 var reg=/正则表达式/ig;

 var reg=new RegExp("正则表达式",ig);其中所有的\都要改为\\

 验证str中是否包含reg匹配的关键字：var boolean=reg.test(str);

 强调：完整验证或完整替换，都需要在正则表达式前加^后加$while

 ((arr=reg.exec(str)

 )!=null){

 arr[0]}  -->找到的一个关键字

 arr.index -->当前关键字的位置

 }

 RegExp.$n:获得正则表达式中第n个分组（圆括号）匹配的子字符串

 Math类型：封装了所有跟数学计算有关的API

 不能new,即不能实例化得创建对象

 Math.PI

 Math.round(num)-->四舍五入取整

 Math.ceil(num)-->向上取整

 Math.floor(num)-->向下取整

 var n=22.56;

 Math.round(n) -->23

 Math.ceil(n) -->23

 Math.floor(n)  -->22

 Math.pow(底数，幂)：n次方

 Math.sqrt(num):平方根

 Math.abs(num):取绝对值

 var n=9;

 Math.pow(n,3);

 Math

 Math.min/max(值1，值2，...)判断最大值和最小值

 例：

 var s1=75;

 var s2=90;

 var s3=80;

 var arr=[2,4,1,7,6,3,9,8];

 console.log(Math.max(s1,s2,s3));  //判断几个值得最大值

 var max=Math.max.apply(Math,arr);  //从数组arr中调用Math方法求最大值

 console.log(max);

 取数组中的最大值：var max=Math.max.apply(Math,arr)

 随机数：Math.random():0<=r<1

 任意min-max：Math.floor(Math.random()*(max-min+1)+min)

 随机生成一个四位的随机验证码字符串：

 step1：将所有字母，数字装入一个数组备用

 var codes=[];

 for(var i=48;i<=57;codes.push(i),i++);  //数字

 for(var i=65;i<=90;codes.push(i),i++);  //大写字母

 for(var i=97;i<=122;codes.push(i),i++);  //小写字母

 //数组中现在有62个元素，取下标0-61之间的随机数4个

 var arr=[];

 for(var i=0;i<4;i++){

 var index=Math.floor(Math.random()*(61-0+1)+0);

 var char=String.fromCharCode(codes[index]);

 arr.push(char);

 }

 console.log(arr);

 var code=arr.join("");

 document.write("验证码："+code);

 使用方法来实现完整功能：

 var codes=[];

 for(var i=48;i<=57;codes.push(i),i++);  //数字

 for(var i=65;i<=90;codes.push(i),i++);  //大写字母

 for(var i=97;i<=122;codes.push(i),i++);  //小写字母

 //数组中现在有62个元素，取下标0-61之间的随机数4个

 function getCode(){

 var arr=[];

 for(var i=0;i<4;i++){

 var index=Math.floor(Math.random()*(61-0+1)+0);

 var char=String.fromCharCode(codes[index]);

 arr.push(char);

 }

 return arr.join("");

 }

 function trim(str){

 var reg=/(\s+)|(\s+$)/g;

 return str.replace(reg,"");

 }

 while(true){

 var code=getCode();

 var input=prompt("输入验证码："+code);

 input=trim(input);

 if(input.toLowerCase()==code.toLowerCase()){

 document.write("登录成功");

 break;

 }else{

 alert("验证码错误！");

 }

 }

 先用正则表达式来进行格式验证，再进行内容处理，修改方案：

 var codes=[];

 for(var i=48;i<=57;codes.push(i),i++);  //数字

 for(var i=65;i<=90;codes.push(i),i++);  //大写字母

 for(var i=97;i<=122;codes.push(i),i++);  //小写字母

 //数组中现在有62个元素，取下标0-61之间的随机数4个

 function getCode(){

 var arr=[];

 for(var i=0;i<4;i++){

 var index=Math.floor(Math.random()*(61-0+1)+0);

 var char=String.fromCharCode(codes[index]);

 arr.push(char);

 }

 return arr.join("");

 }

 function trim(str){

 var reg=/(\s+)|(\s+$)/g;

 return str.replace(reg,"");

 }

 while(true){

 var code=getCode();

 var input=prompt("输入验证码："+code);

 input=trim(input);

 var reg=/[a-zA-Z0-9]{4}/;

 if(reg.test(input)){

 if(input.toLowerCase()==code.toLowerCase()){

 document.write("登录成功");

 break;

 }else{

 alert("验证码错误！");

 }

 }else{

 alert("验证码格式错误");

 }

 }

 Data对象：封装一个时间点数据，提供对时间、日期的常用API。

 创建：var date=new Date();

 1.创建Date类型的对象；2. 自动获得浏览器当前时间点

 自定义时间：var date=new Date("2015-6-9 16:47")

 1.创建Date类型的对象；2.自定义一个具体时间点

 Date对象中，保存的是从1970年1月1日 0:00:00到现在的毫秒数！！！！

 var date=new Date(0);相当于1970年1月1日 0:00:00  （国际标准时间，不

 是北京时间）

 var date=new Date(24*60*60*1000);1970年1月2日 0:00:00

 例：

 var d1=new Date(0);

 console.log("原始时间："+d1);

 var now=new Date();

 console.log("当前时间："+now);

 var birth=new Date("1991-1-2");

 console.log("出生日期"+birth);

 var ms=now-birth;

 var days=ms/24/60/60/1000;    //计算活了多少天

 console.log("活了多少天："+days);

 var age=now.getFullYear()-birth.getFullYear();//计算年龄

 console.log("年龄："+age);

 var minutes=30-now.getMinutes();

 console.log("距离下课几分钟："+minutes);

 birth.setFullYear(2017);      //set方法会直接修改原日期

 var days=(birth-now)/24/60/60/1000;

 console.log("距离生日还有"+days+"天");

 var month=now.getMonth();  //返回值是当前月-1，因为月份是从0开始，到

 11结束,因此需要在值后面加1才是当前月份

 console.log("上月月份："+month);

 var month=now.getMonth()+1;

 console.log("当前月份："+month);

 var day=now.getDay();

 console.log("今天星期几"+day);  //返回星期，星期日的值是0，星期一是1

 ，以此类推

 var next=now+5*60*10000;

 console.log("5分钟后时间"+next);  //不能直接相加，返回的结果不对的.

 结果并未加上，需要调用date.getTime()De得到时间毫秒数

 var nowMs=now.getTime()      //返回时间毫秒数

  var nextMs=nowMs+5*60*1000;  //毫秒数做加减，5分钟以后的时间

  var next=new Date(nextMs);   //将得到的毫秒数封装

 console.log("5分钟后时间"+next);

 API:

 1.每个分量都有一对get/set方法，用来获取/设置该分量的值

 2.命名：年/月/日：没有s

         时/分/秒：有s

 set方法会直接修改原日期

 3.从取值或者赋值来说，除了每月中的日之外，其余都是从0开始，到-1结束

 。

 每月中的日，从1开始，到31结束

 月份：取值时，+1修正；赋值时，-1修正。

 星期：从星期日到开始到星期六结束，值从0~6

 日期计算：两日期对象相减，得到毫秒数

 时间做+：var nowMs=now.getTime()      //返回时间毫秒数

  var nextMs=nowMs+5*60*1000;  //毫秒数做加减，5分钟以后的时间

  var next=new Date(nextMs);   //将得到的毫秒数封装

 console.log("5分钟后时间"+next);

 使用毫秒做计算，不改变原时间对象，需要重新封装时间对象。

 上述对象加减封装的方法，是有限制的，最大仅能算到“天数”，再算“月数

 ”，无法确定每月天数。