美文网首页
HTML之JavaScript——数组、对象和正则表达式

HTML之JavaScript——数组、对象和正则表达式

作者: 思君_4cd3 | 来源:发表于2019-09-29 14:26 被阅读0次

    一.数组

    JavaScript 数组用于在单一变量中存储多个值。

    1.Array对象
    • 数组对象
      数组是一组变量的有序集合
      通过数组索引来使用一个变量
    • 创建空数组
      数组在创建时可以不包含任何元素数据,即空数组,创建后返回一个数组对象,使该对象可以往数组中添加元素
      var Obj=new Array();


      示例
      示例
    • 创建指定长度数组
      var Obj=new Array(Size);
      var Obj=new Array[元素1,元素2,。。。];


      示例
    • 读取数组元素
      数组名[下标索引];
      目标元素通常由下标索引号决定,例如读取第一个元素为“数组名[0]”
    2.Array对象的常用方法
    • concat
      返回一个新数组,由两个或者更多数组组合而成
      var newArray=tmpArray.concat(tmpArray)


      示例
    • join
      返回字符串,由数组中的所有元素连接到一起,元素之间的间隔符由参数指定,省略参数则用逗号分隔
      var newString=tmpArray.join(".")


      示例
    • reverse
      返回一个新数组,由原来的数组反转而成
      var newArray=tmpArrar.reverse


      示例
    • pop
      移除数组中的最后一个元素并返回该元素
      var newString=tmpArray.pop()


      示例
      示例
    • push
      给数组中增加新元素,并返回数组的新长度
      var newLength=tmpArray.push("a"."b")


      示例
    • shift
      移除数组中的第一个元素并返回该元素
      var newString=tmpArray.shift()
    • slice
      返回一个新数组,为原数组中的一段
      var newArray=tmpArray.slice(1,3)


      示例
    • sort
      返回一个排序后的新数组
      var newArray=tmpArray.sort(AscSort)
    • toString
      返回将Array中的元素转为由逗号分隔的字符串
      var newString=tmpArray.toString()

    二.对象

    对象是一种类型,即引用类型,而对象的值就是引用类型的实例。

    1.对象创建
    • 第一种方式:
      function 对象名(形参,形参){
      this.属性=形参;
      。。。
      this.函数名=function;
      方法体
      }


      方法一
    • 第二种方式:
      var 对象名={
      属性名:值,
      属性名:值,
      函数名:function(){
      方法体;
      }
      }


      方法二
    • 使用对象方式:
      1.对象名.属性名 或者 对象名[“属性名”]
      2.对象名.函数名


      实例
    • 删除对象属性


      示例
    • with语句
      作用:用来处理对象中的属性和函数的
      语法格式:
      with(对象名){
      属性名:值
      函数名
      }


      示例
    • 对象废除
      1.不必专门销毁对象来释放内存
      2.当没有针对该对象的引用时,被自动废除
      3.把对象的所有引用设置为null时也可以废除对象
    • 练习


      练习1
    2.内部对象
    • Global对象


      函数
      对它发现的任何非标准字符进行编码
      对非标准字符进行解析
    • Data对象
      1.可以用来表示任意的日期和时间,获取当前系统日期以及计算两个日期的间隔
      2.可以给出星期,月份,天数,年份,小时,分钟和秒表示的时间
      3.方法:
      getYear():返回年数(小于2000年返回两位)
      getFullYear():返回年数
      getMonth():返回当月号数(比实际小1)
      getDate():返回当日号数
      getDay():返回星期几(0表示星期日)
      getHours():返回小时数
      getMinutes():返回分钟数
      getSeconds():返回秒数
      getTime():返回毫秒数


      示例
      现在时间
      格林威治时间
      转换成正常时间
    • String对象
      和原始字符串类型对应的内置对象
      输出字符串长度:


      示例1
      示例2

      返回Unicode值:


      示例
      返回字符串中起始位置为Star,结束位置为end(不包括end)的子字符串
      示例
      将字符串以“#”作为分割符切割成多个子字符串,并将他们作为一个数组返回,如果有limit参数则返回数组的limit个元素
      示例

    三.正则表达式

    正则表达式是一个描述字符模式的对象。
    作用:常用于表单验证
    使用步骤:
    1.定义正则表达式(String类型)
    2.创建正则表达式有参构造(字符串类型的正则表达式)
    3.通过正则表达式对象.test(要验证的数据)返回值类型Boolean
    3.1通过字符串.match(正则表达式对象)如果匹配成功返回当前字符串,否则返回null
    判断电话号:


    示例

    判断文本框内信息:


    示例1
    在文本框输入内容后判断是否符合:
    示例
    用match方法验证输入错误为null,正确返回输入数值
    match方法验证
    (此文章仅作为个人学习笔记使用,如有错误欢迎指正~)

    相关文章

      网友评论

          本文标题:HTML之JavaScript——数组、对象和正则表达式

          本文链接:https://www.haomeiwen.com/subject/ozmayctx.html